/* Viendo Wheels v3.5: desktop result flow + password screen */

.password-panel {
    width: min(620px, 100%);
}

.password-form {
    max-width: 520px;
}

.password-form .error {
    margin-top: 7px;
    color: #ff8f8f;
    font-size: 13px;
}

/* على الديسكتوب: العجلة ثم زر الدوران ثم النتيجة، دون تداخل */
@media (min-width: 901px) {
    .game-layout .wheel-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        overflow: hidden !important;
    }

    .game-layout .wheel-card canvas {
        order: 1;
        flex: 0 0 auto;
        margin: 0 auto !important;
    }

    .game-layout .wheel-card .wheel-action {
        order: 2;
        display: block !important;
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        width: min(420px, calc(100% - 40px)) !important;
        max-width: 420px !important;
        margin: 4px auto 0 !important;
        z-index: 5 !important;
    }

    .game-layout .wheel-card .result-box {
        order: 3;
        position: relative !important;
        inset: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: min(620px, calc(100% - 32px)) !important;
        min-width: 0 !important;
        max-width: 620px !important;
        margin: 2px auto 0 !important;
        z-index: 4 !important;
    }

    .game-layout .wheel-card .result-box.hidden {
        display: none !important;
    }
}