/* إخفاء شريط التمرير */
        ::-webkit-scrollbar { display: none; }
        html { -ms-overflow-style: none; scrollbar-width: none; }

        /* --- إعدادات أساسية وتأثيرات جديدة --- */
        body {
            font-family: 'AAGalaxy', 'Inter', sans-serif;
            /* خلفية جديدة أكثر دراماتيكية */
            background: linear-gradient(180deg, #111827 0%, #1e1b4b 50%, #111827 100%);
            overflow-y: auto; /* السماح بالتمرير إذا ضاقت الشاشة */
        }

        #active-team-progress-container { display: none !important; }
        
        /* تأثيرات حركية (Animations) */
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes zoomIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
        @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }
        @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
        
        /* (جديد) تأثير "نبض" الإطار للفريق الحالي */
        @keyframes pulse-border {
            0%, 100% { border-color: #fde047; box-shadow: 0 0 20px rgba(253, 224, 71, 0.5); }
            50% { border-color: #f59e0b; box-shadow: 0 0 35px rgba(245, 158, 11, 0.7); }
        }

        /* --- تصميم لوحة الفرق (محسن) --- */
        .team-panel {
            background-color: rgba(0, 0, 0, 0.4);
            border: 2px solid #3b0764; /* بنفسجي داكن */
            border-radius: 1rem;
            transition: all 0.3s ease-in-out;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(8px);
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
        }
        /* (محسن) الفريق الحالي يتوهج وينبض */
        .team-panel.current-team {
            transform: scale(1.03);
            animation: pulse-border 2s infinite;
        }
        
        /* --- تصميم منطقة اللعب (محسن) --- */

        /* (جديد) تصميم عداد الوقت الدائري */
        #timer-circle-container {
            position: relative;
            width: 180px;
            height: 180px;
            margin: 0.5rem auto 1rem; /* توسيط مع هوامش */
        }
        @media (min-width: 1024px) {
            #timer-circle-container {
                width: 220px;
                height: 220px;
            }
        }

        #timer-circle-svg {
            transform: rotate(-90deg); /* لتبدأ الدائرة من الأعلى */
            width: 100%;
            height: 100%;
        }

        #timer-circle-path {
            stroke: #22c55e; /* أخضر في البداية */
            stroke-width: 12;
            stroke-linecap: round;
            fill: none;
            transition: stroke-dashoffset 0.1s linear, stroke 0.5s ease;
            filter: drop-shadow(0 0 0 rgba(245, 158, 11, 0.7)); /* إزالة الظل */
        }

        /* نبض عاجل للعداد عند الوقت الحرج */
        @keyframes timer-urgent-pulse {
            0%, 100% { filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.9)); stroke-width: 12; }
            50% { filter: drop-shadow(0 0 18px rgba(239, 68, 68, 1)); stroke-width: 14; }
        }
        #timer-circle-path.urgent {
            animation: timer-urgent-pulse 0.6s infinite;
        }
        
        /* (جديد) نص العداد الضخم في المنتصف */
        #timer-circle-text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'AAGalaxy', sans-serif;
            font-weight: 700;
            font-size: 3.5rem; /* ضخم جداً */
            /* تدرج لوني ذهبي */
            background: linear-gradient(180deg, #fde047 0%, #f59e0b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
            transition: all 0.3s ease;
        }
        @media (min-width: 1024px) {
            #timer-circle-text {
                font-size: 4.5rem;
            }
        }

        /* (جديد) حالة التجميد للعداد الدائري */
        #timer-circle-text.frozen {
            background: linear-gradient(180deg, #818cf8 0%, #3b82f6 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
        }
        
        /* (جديد) غطاء التجميد */
        #freeze-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(59, 130, 246, 0.8); /* أزرق شبه شفاف */
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-family: 'AAGalaxy', sans-serif;
            backdrop-filter: blur(5px);
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none; /* لا يعيق الضغط */
        }
        #freeze-overlay.visible {
            opacity: 1;
        }
        #freeze-overlay .fa-snowflake {
            font-size: 3.5rem;
        }
        #freeze-countdown-text {
            font-size: 3rem;
            font-weight: 700;
        }

        /* عداد الوقت القديم (مخفي) */
        #current-turn-timer, #freeze-countdown {
            display: none;
        }

        /* (محسن) صندوق السؤال */
        .question-box {
            background-color: rgba(30, 41, 59, 0.8);
            border: 2px solid #fde047;
            border-radius: 1.5rem;
            /* توهج ذهبي أقوى */
            box-shadow: 0 0 40px rgba(253, 224, 71, 0.4);
            backdrop-filter: blur(10px);
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; /* تطبيق الخط الأساسي على السؤال أيضاً ليكون واضحاً */
            font-size: 1.75rem; /* 28px */
        }
        @media (min-width: 768px) {
            .question-box {
                font-size: 2.25rem; /* 36px */
            }
        }

        /* (جديد) تصميم خيارات الإجابة الأيقوني */
        .option-button {
            background-color: rgba(17, 24, 39, 0.7); /* أزرق داكن/رمادي */
            border: 2px solid #4f46e5; /* نيلي */
            color: white;
            transition: all 0.3s ease-in-out;
            backdrop-filter: blur(5px);
            border-radius: 0.75rem; /* 12px */
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; /* إجبار قوي جداً لاستخدام الخط الأساسي */
            font-size: 1.25rem; /* 20px */
            box-shadow: 0 4px 6px rgba(0,0,0,0.2);
        }
        .option-button:not(:disabled):hover {
            background-color: #312e81; /* نيلي أغمق */
            border-color: #c7d2fe; /* نيلي فاتح */
            transform: scale(1.03);
            box-shadow: 0 6px 12px rgba(0,0,0,0.3);
        }
        .option-button.selected {
            background-color: #f59e0b;
            border-color: #fde047;
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(245, 158, 11, 0.5);
        }
        /* (محسن) توهج عند الإجابة */
        .option-button.correct {
            background-color: #16a34a; /* أخضر */
            border-color: #86efac;
            animation: pulse 0.5s 2;
            box-shadow: 0 0 25px rgba(34, 197, 94, 0.7);
        }
        .option-button.incorrect {
            background-color: #dc2626; /* أحمر */
            border-color: #fca5a5;
            animation: shake 0.5s;
            box-shadow: 0 0 25px rgba(239, 68, 68, 0.7);
        }
        .option-button:disabled {
            opacity: 0.5;
        }
        .option-button.hidden-by-5050 {
            visibility: hidden;
        }

        /* --- تصميم سلم الجوائز (محسن) --- */
        .prize-ladder-container {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 1.5rem;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            border: 2px solid #3b0764;
            backdrop-filter: blur(8px);
        }
        .prize-item {
            color: #9ca3af;
            transition: all 0.3s ease-in-out;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
            padding: 0.35rem 0.75rem;
            border-radius: 0.5rem;
            text-align: center; /* (جديد) توسيط */
            font-weight: 700;
        }
        /* (محسن) النقطة الآمنة */
        .prize-item.safe-point {
            background-color: rgba(49, 46, 129, 0.7); /* نيلي */
            color: #fde047; /* ذهبي */
        }
        /* (محسن) السؤال الحالي */
        .prize-item.current-prize {
            background-color: #f59e0b; /* برتقالي */
            color: #111827; /* أسود */
            font-size: 1.25rem; /* 20px */
            transform: scale(1.1);
            box-shadow: 0 0 20px rgba(245, 158, 11, 0.6);
            border: 2px solid #fde047;
        }

        /* --- تصميم وسائل المساعدة (محسن) --- */
        .lifeline {
            background-color: rgba(0, 0, 0, 0.3);
            border: 2px solid #818cf8; /* نيلي فاتح */
            border-radius: 9999px;
            width: 45px;
            height: 45px;
            font-size: 1rem;
            color: white;
            transition: all 0.3s ease-in-out;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        .lifeline:hover:not(:disabled) {
            background-color: #4f46e5;
            border-color: #fde047; /* ذهبي */
            transform: scale(1.1);
            box-shadow: 0 0 15px rgba(253, 224, 71, 0.5);
        }
        .lifeline:disabled {
            opacity: 0.3;
            cursor: not-allowed;
            filter: grayscale(1);
        }
        
        /* (جديد) إخفاء زر إنهاء الدور */
        #pass-turn-button {
            display: none;
        }
        
        /* --- تصميم النوافذ المنبثقة (Modal) --- */
        #modal, #rules-modal, #round-modal, #history-modal { /* (جديد) إضافة مودال السجل */
            background-color: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(8px);
            transition: opacity 0.3s ease-in-out;
        }
        /* (جديد) تأثيرات الدخول */
        #modal:not(.hidden), #rules-modal:not(.hidden), #round-modal:not(.hidden), #history-modal:not(.hidden) {
            animation: fadeIn 0.3s ease-out;
        }
        #modal-content, #rules-modal-content, #round-modal-content, #history-modal-content { /* (جديد) إضافة محتوى مودال السجل */
            background: linear-gradient(180deg, #302b63 0%, #0f0c29 100%);
            border: 2px solid #fde047;
            box-shadow: 0 0 40px rgba(253, 224, 71, 0.3);
            border-radius: 1.5rem;
            transition: all 0.3s ease-in-out;
        }
        #modal:not(.hidden) #modal-content,
        #rules-modal:not(.hidden) #rules-modal-content,
        #round-modal:not(.hidden) #round-modal-content,
        #history-modal:not(.hidden) #history-modal-content {
            animation: zoomIn 0.3s ease-out;
        }
        
        /* أزرار المودال */
        .modal-button {
            padding: 0.5rem 1.5rem;
            border-radius: 9999px;
            font-weight: 700;
            color: white;
            transition: all 0.3s ease;
            box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        }
        .modal-button:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 10px rgba(0,0,0,0.4);
        }
        
        /* زر الإيقاف المؤقت */
        #pause-button {
            transition: all 0.3s ease;
        }
        #pause-button:hover {
            transform: scale(1.1);
            box-shadow: 0 0 15px rgba(253, 224, 71, 0.5);
        }

        /* (جديد) تأثير اهتزاز خفيف لزر النرد */
        @keyframes shake-btn {
            0% { transform: translateX(0); }
            20% { transform: translateX(-4px) rotate(-2deg); }
            40% { transform: translateX(4px) rotate(2deg); }
            60% { transform: translateX(-4px) rotate(-2deg); }
            80% { transform: translateX(4px) rotate(2deg); }
            100% { transform: translateX(0); }
        }
        .animate-shake {
            animation: shake-btn 0.4s ease-in-out;
        }
        /* ============================================= */
        /*  تحسينات الجوال الشاملة (للوضع العمودي Portrait) */
        /* ============================================= */
        @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }

        /* تطبيق هذه التحسينات فقط في حالة أن الشاشة أصغر من 1024 بكسل والاتجاه عمودي */
        @media (max-width: 1023px) and (orientation: portrait) {
            /* === شاشة اللعب === */
            
            /* لوحة الفرق: شريط أفقي مضغوط sticky */
            #teams-panel {
                display: flex !important;
                flex-direction: row !important;
                gap: 8px !important;
                position: sticky;
                top: 6px; /* ترك مساحة لشريط التقدم العلوي */
                z-index: 30;
                padding: 8px 4px;
                background: linear-gradient(180deg, rgba(17,24,39,0.97) 0%, rgba(17,24,39,0.85) 100%);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
            }
            #teams-panel .team-panel {
                flex: 1;
                min-width: 0;
                padding: 8px 10px !important;
                border-radius: 10px;
            }
            #teams-panel .team-panel h3 {
                font-size: 0.8rem !important;
                margin-bottom: 2px !important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            #teams-panel .team-panel [id$="-score"] {
                font-size: 0.95rem !important;
            }
            #teams-panel .team-panel .text-sm.text-gray-400 {
                display: none !important;
            }
            /* إخفاء وسائل المساعدة المكررة تحت الفرق (تصحيح محدد الـ CSS) */
            #teams-panel .team-panel .team-lifelines-container {
                display: none !important;
            }
            #teams-panel .team-panel.current-team {
                transform: none !important;
            }

            /* إظهار معلومات مختصرة للفريق النشط */
            #teams-panel .team-panel.current-team .stats-container {
                display: flex !important;
                justify-content: space-around !important;
                margin-top: 4px !important;
                gap: 4px !important;
            }
            #teams-panel .team-panel.current-team .stats-container > div {
                font-size: 0.65rem !important;
                color: #fbbf24 !important; /* لون ذهبي لتمييزه */
                display: block !important;
                margin: 0 !important;
            }

            /* عداد الوقت: أصغر قليلاً ومرفوع للأعلى لتوفير المساحة */
            #timer-circle-container {
                width: 90px !important;
                height: 90px !important;
                margin: 0 auto 10px !important;
            }
            #timer-circle-text {
                font-size: 2.2rem !important;
            }
            /* غطاء التجميد: يتبع حجم العداد */
            #freeze-overlay .fa-snowflake {
                font-size: 2rem !important;
            }
            #freeze-countdown-text {
                font-size: 1.8rem !important;
            }

            /* صندوق السؤال */
            .question-box {
                padding: 14px !important;
                font-size: 1.2rem !important;
                margin-bottom: 10px !important;
                min-height: 80px;
            }

            /* الخيارات: عمود واحد */
            #options-container {
                grid-template-columns: 1fr !important;
                gap: 8px !important;
            }
            .option-button {
                font-size: 1rem !important;
                padding: 10px 14px !important;
            }

            /* إخفاء سلم الجوائز الأصلي */
            .prize-ladder-container {
                display: none !important;
            }

            /* ================================================================ */
            /*  عناصر الجوال السفلية (Bottom Bar)                              */
            /* ================================================================ */
            /* عرض الشريط السفلي الجديد وإخفاء الأزرار العائمة القديمة */
            #mobile-bottom-bar { 
                display: flex !important; 
            }
            #mobile-prize-btn, #mobile-pause-btn { 
                position: relative !important; /* إلغاء التثبيت العائم */
                bottom: auto !important;
                left: auto !important;
                right: auto !important;
                display: flex !important; 
            }
            
            /* إخفاء الشريط في الشاشات غير اللعب */
            #game-screen.hidden ~ #mobile-bottom-bar { display: none !important; }
            #start-screen:not(.hidden) ~ #mobile-bottom-bar { display: none !important; }

            /* تعديل مساحة شاشة اللعب السفلية لعدم التداخل مع الشريط */
            #game-screen {
                padding-bottom: 80px !important;
            }
            
            /* شريط تقدم الجوائز (أعلى الشاشة) */
            #active-team-progress-container {
                display: block !important;
            }
        }

        /* ============================================================ */
        /*  الجوال الأفقي (Landscape) — تصميم مرن قابل للتمرير      */
        /*  الفرق بالأعلى | اللعبة في الوسط | الجوائز على اليسار    */
        /* ============================================================ */
        @media (max-width: 1023px) and (orientation: landscape) {

            #active-team-progress-container {
                display: none !important;
            }

            /* === قاعدة: السماح بالتمرير إذا لزم الأمر === */
            html, body {
                overflow-y: auto !important;
                height: 100% !important;
                min-height: 100svh !important;
                max-height: none !important;
                padding: 0 !important;
                margin: 0 !important;
            }

            /* === شاشة اللعب: مرنة وتتمدد === */
            #game-screen {
                height: auto !important;
                min-height: 100svh !important;
                max-height: none !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                padding: clamp(6px, 1.5vh, 12px) clamp(8px, 2vw, 16px) !important;
                display: flex !important;
                flex-direction: column !important; /* تحويل التخطيط الرئيسي لعمودي */
            }

            /* الحاوية الداخلية الرئيسية */
            #game-screen > div {
                width: 100% !important;
                height: auto !important;
                flex: 1 !important;
                display: flex !important;
                flex-direction: column !important; /* ترتيب العناصر عمودياً */
                gap: clamp(8px, 2vh, 12px) !important;
                padding: 0 !important;
                overflow: visible !important;
            }

            /* ================================================================ */
            /*  لوحة الفرق (شريط أفقي في الأعلى)                               */
            /* ================================================================ */
            #teams-panel {
                display: flex !important;
                flex-direction: row !important; /* الفرق بجانب بعضها أفقياً */
                width: 100% !important;
                min-width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                gap: clamp(6px, 1vw, 12px) !important;
                padding: 0 !important;
                overflow: visible !important;
                flex-shrink: 0 !important;
                justify-content: center !important;
            }

            /* بطاقة كل فريق */
            #teams-panel .team-panel {
                flex: 1 !important;
                min-height: 0 !important;
                padding: clamp(4px, 1vh, 8px) clamp(6px, 1vw, 12px) !important;
                margin: 0 !important;
                border-radius: clamp(8px, 1.5vh, 12px) !important;
                display: flex !important;
                flex-direction: column !important;
                justify-content: center !important;
                align-items: center !important;
                overflow: visible !important;
                transform: none !important;
            }
            /* الفريق النشط */
            #teams-panel .team-panel.active-team {
                transform: scale(1.02) !important;
                box-shadow: 0 0 0 2px #eab308, 0 0 15px rgba(234,179,8,0.6) !important;
                z-index: 10 !important;
            }

            #teams-panel .team-panel h3 {
                font-size: clamp(0.8rem, 2.5vh, 1rem) !important; /* تكبير الخط */
                margin-bottom: 2px !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                max-width: 100% !important;
                line-height: 1.2 !important;
            }
            #teams-panel .team-panel [id$="-score"] {
                font-size: clamp(0.9rem, 3vh, 1.2rem) !important; /* تكبير النتيجة */
                line-height: 1.2 !important;
                font-weight: bold !important;
            }
            #teams-panel .team-panel .text-sm {
                font-size: clamp(0.6rem, 2vh, 0.8rem) !important; /* تكبير النص الصغير */
                margin-top: 2px !important;
                line-height: 1.2 !important;
            }

            /* أزرار وسائل المساعدة أفقياً */
            #teams-panel .team-panel .flex.justify-center {
                margin-top: clamp(4px, 1vh, 6px) !important;
                gap: clamp(4px, 1vw, 8px) !important;
            }
            .lifeline {
                width:  clamp(32px, 7vh, 40px) !important; /* تكبير أزرار اللمس */
                height: clamp(32px, 7vh, 40px) !important;
                font-size: clamp(0.85rem, 2.5vh, 1rem) !important;
                border-width: 1.5px !important;
                flex-shrink: 0 !important;
            }

            /* ================================================================ */
            /*  حاوية وسطى تجمع اللعبة (يمين) وسلم الجوائز (يسار)             */
            /* ================================================================ */
            /* نحتاج لإنشاء غلاف وهمي باستخدام الـ CSS للعبة والجوائز، لكن بما أن 
               الهيكلة ثابتة في الـ HTML، سنستخدم flex-direction: row للحاوية الأب */
            
            /* سنعتمد على أن الحاوية الأب (#game-screen > div) هي flex-column، 
               لذا سنجعل منطقة اللعبة وسلم الجوائز يأخذان المساحة المتبقية معاً في صف واحد */
            
            /* تعديل: سنستخدم CSS Grid لترتيب المنطقة السفلية بدلاً من الفليكس */
            #game-screen > div {
                display: grid !important;
                grid-template-columns: 1fr 25% !important; /* 75% للعبة، 25% للجوائز */
                grid-template-rows: auto 1fr !important; /* صف للفرق، صف للعبة */
                gap: clamp(8px, 2vh, 16px) !important;
            }
            
            #teams-panel {
                grid-column: 1 / -1 !important; /* يمتد على كامل العرض */
                grid-row: 1 !important;
            }

            /* ================================================================ */
            /*  العمود الأيمن/الأوسط — منطقة اللعب (الأسئلة والخيارات)        */
            /* ================================================================ */
            #game-center {
                grid-column: 1 !important;
                grid-row: 2 !important;
                width: 100% !important;
                height: auto !important;
                display: flex !important;
                flex-direction: column !important;
                justify-content: flex-start !important;
                align-items: stretch !important;
                gap: clamp(8px, 2vh, 12px) !important;
                overflow: visible !important;
            }

            /* حاوية العداد */
            #game-center > .relative.flex.justify-center {
                display: flex !important;
                flex-direction: row !important;
                justify-content: center !important; /* توسيط العداد بعد إخفاء الزر */
                align-items: center !important;
                width: 100% !important;
                padding: 0 clamp(10px, 2vw, 20px) !important;
            }

            /* العداد الدائري */
            #timer-circle-container {
                width:  clamp(70px, 20vh, 100px) !important; /* تكبير العداد كما طلب المستخدم */
                height: clamp(70px, 20vh, 100px) !important;
                margin: 0 auto !important; /* التوسيط التلقائي */
                flex-shrink: 0 !important;
                position: relative !important;
                left: auto !important;
                transform: none !important;
            }
            #timer-circle-text {
                font-size: clamp(1.4rem, 5vh, 2rem) !important; /* تكبير خط العداد */
            }
            #timer-circle-path {
                stroke-width: clamp(8, 2.5vh, 12) !important;
            }
            #freeze-overlay .fa-snowflake {
                font-size: clamp(1.4rem, 5vh, 2rem) !important;
            }
            #freeze-countdown-text {
                font-size: clamp(1.2rem, 4vh, 1.8rem) !important;
            }

            /* زر الانسحاب (إخفاء دائم) */
            #pass-turn-button { 
                display: none !important;
            }

            /* صندوق السؤال */
            .question-box {
                padding: clamp(10px, 2.5vh, 16px) clamp(12px, 3vw, 20px) !important;
                font-size: clamp(0.9rem, 3vh, 1.2rem) !important; /* تكبير خط السؤال */
                flex-grow: 0 !important;
                flex-shrink: 0 !important;
                min-height: clamp(60px, 15vh, 100px) !important; /* ضمان ارتفاع أدنى */
                border-radius: clamp(10px, 2.5vh, 16px) !important;
                border-width: 2px !important;
            }
            .question-box h2 {
                min-height: auto !important;
                font-size: clamp(0.9rem, 3vh, 1.2rem) !important;
                line-height: 1.4 !important;
            }

            /* الخيارات: شبكة 2×2 مرنة */
            #options-container {
                grid-template-columns: 1fr 1fr !important;
                gap: clamp(8px, 2vh, 14px) !important;
                flex-shrink: 0 !important;
                margin-bottom: clamp(10px, 2vh, 20px) !important; /* مسافة سفلية للتمرير */
            }
            .option-button {
                padding: clamp(8px, 2vh, 12px) clamp(10px, 2vw, 16px) !important;
                font-size: clamp(0.85rem, 2.8vh, 1.1rem) !important; /* تكبير خط الخيارات */
                border-radius: clamp(8px, 2vh, 12px) !important;
                border-width: 2px !important;
                min-height: clamp(48px, 12vh, 64px) !important; /* أهداف لمس ممتازة */
                display: flex !important;
                align-items: center !important;
            }

            /* زر الإيقاف المؤقت (الإعدادات) */
            #pause-button {
                display: flex !important;
                width:  clamp(32px, 8vh, 44px) !important; /* تكبير الزر */
                height: clamp(32px, 8vh, 44px) !important;
                font-size: clamp(0.9rem, 2.5vh, 1.2rem) !important;
                top: clamp(6px, 1.5vh, 12px) !important;
                right: clamp(10px, 2vw, 20px) !important; /* تم تعديله ليتناسب مع مكانه الجديد بجوار السؤال */
                z-index: 50 !important;
                position: absolute !important;
            }

            /* ================================================================ */
            /*  العمود الأيسر — سلم الجوائز (25% العرض)                        */
            /* ================================================================ */
            .prize-ladder-container {
                grid-column: 2 !important;
                grid-row: 2 !important;
                display: flex !important;
                flex-direction: column !important;
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                height: 100% !important;
                flex-shrink: 0 !important;
                padding: clamp(6px, 1.5vh, 12px) clamp(4px, 1vw, 8px) !important;
                overflow: hidden !important;
                border-radius: clamp(10px, 2.5vh, 16px) !important;
                background: rgba(17, 24, 39, 0.6) !important; /* خلفية خفيفة لتمييزه */
            }
            .prize-ladder-container img { display: none !important; } /* إخفاء الشعار لتوفير المساحة */
            .prize-ladder-container h3 {
                font-size: clamp(0.8rem, 2.5vh, 1rem) !important;
                margin-bottom: clamp(4px, 1vh, 8px) !important;
                text-align: center !important;
                display: none !important; /* إخفاء كلمة "سلم الجوائز" لتوفير المساحة الرأسية */
            }
            #prize-ladder {
                flex: 1 1 0 !important;
                min-height: 0 !important;
                display: flex !important;
                flex-direction: column-reverse !important;
                justify-content: space-evenly !important; /* توزيع متساوٍ مريح */
                overflow-y: auto !important; /* السماح بالتمرير إذا كثرت الجوائز */
                gap: 2px !important;
                padding-right: 2px !important; /* لمساحة شريط التمرير */
            }
            /* تخصيص شريط التمرير لسلم الجوائز */
            #prize-ladder::-webkit-scrollbar { width: 4px; }
            #prize-ladder::-webkit-scrollbar-track { background: transparent; }
            #prize-ladder::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }
            
            .prize-item {
                padding: clamp(3px, 0.8vh, 6px) clamp(4px, 1vw, 8px) !important;
                font-size: clamp(0.65rem, 2.2vh, 0.85rem) !important; /* تكبير الخط */
                border-radius: clamp(4px, 1vh, 8px) !important;
                line-height: 1.2 !important;
                min-height: clamp(20px, 5vh, 32px) !important;
                display: flex !important;
                align-items: center !important;
            }
            .prize-item.current-prize {
                font-size: clamp(0.75rem, 2.5vh, 0.95rem) !important;
                padding: clamp(4px, 1vh, 8px) clamp(6px, 1.5vw, 10px) !important;
                transform: scale(1.02) !important;
                font-weight: bold !important;
            }
            .prize-item.safe-point { font-weight: 800; color: #fbbf24 !important; }

            /* ================================================================ */
            /*  إلغاء عناصر الجوال العمودي                                     */
            /* ================================================================ */
            #mobile-lifelines,
            #mobile-prize-btn,
            #mobile-pause-btn { display: none !important; }

            /* ================================================================ */
            /*  شاشات البداية والنهاية — تحسين القراءة                         */
            /* ================================================================ */
            #start-screen, #end-screen {
                overflow-y: auto !important;
                padding: clamp(16px, 4vh, 32px) !important;
                align-items: center !important;
                justify-content: flex-start !important;
            }
            #end-screen > div {
                margin: auto 0 !important; /* توسيط عمودي مرن */
                width: 100% !important;
                max-width: 600px !important;
            }
            
            /* === شاشة النهاية === */
            #end-screen h1  { font-size: clamp(1.5rem, 5vh, 2.2rem) !important; }
            #end-screen p   { font-size: clamp(1rem, 3.5vh, 1.3rem)  !important; }
            #end-screen button { 
                font-size: clamp(1rem, 3.5vh, 1.2rem) !important; 
                padding: clamp(10px, 2.5vh, 14px) clamp(20px, 5vw, 32px) !important; 
                min-height: 48px !important;
            }

            /* === المودالات: إصلاح شامل للوضوح وسهولة اللمس === */
            #modal, #rules-modal, #round-modal, #history-modal {
                align-items: flex-start !important; /* لتجنب قص المحتوى العلوي */
                padding: clamp(10px, 2vh, 20px) !important;
                overflow-y: auto !important;
                -webkit-overflow-scrolling: touch !important;
            }
            #modal-content, #rules-modal-content, #round-modal-content, #history-modal-content {
                max-height: none !important; /* السماح بالتمدد مع المحتوى */
                margin: auto !important; /* توسيط مع الحفاظ على القمة مرئية */
                padding: clamp(16px, 4vh, 24px) clamp(16px, 4vw, 24px) !important;
                width: 95vw !important;
                max-width: 700px !important;
                overflow-y: visible !important;
                border-radius: clamp(12px, 3vh, 20px) !important;
            }
            #modal-title {
                font-size: clamp(1.2rem, 4vh, 1.6rem) !important;
                margin-bottom: clamp(12px, 3vh, 20px) !important;
            }
            #modal-text {
                font-size: clamp(0.9rem, 3vh, 1.1rem) !important;
                margin-bottom: clamp(12px, 3vh, 20px) !important;
            }
            
            /* أزرار المودال (شبكة مرتبة) */
            #modal-text .space-y-3 > div {
                padding: clamp(8px, 2vh, 12px) !important;
                margin-bottom: 8px !important;
                background: rgba(31, 41, 55, 0.8) !important;
                border-radius: 8px !important;
            }
            #modal-text .space-y-3 > div p.font-semibold {
                font-size: clamp(0.9rem, 3vh, 1.1rem) !important;
                margin-bottom: 8px !important;
            }
            #modal-text .space-y-3 > div .flex.justify-center {
                gap: clamp(6px, 1.5vw, 12px) !important;
                flex-wrap: wrap !important; /* السماح بالالتفاف */
            }
            #modal-text .space-y-3 > div .flex.justify-center button,
            #modal-text .flex-wrap button,
            #modal-text .modal-button {
                padding: clamp(8px, 2vh, 12px) clamp(12px, 3vw, 16px) !important;
                font-size: clamp(0.8rem, 2.5vh, 1rem) !important;
                min-height: 44px !important; /* هدف لمس قياسي */
                min-width: 44px !important;
                border-radius: 8px !important;
                flex: 1 1 auto !important; /* تمدد الأزرار بشكل متساوٍ */
            }
            
            /* أزرار التحكم السفلية */
            #modal-text .mt-6.border-t {
                margin-top: clamp(12px, 3vh, 20px) !important;
                padding-top: clamp(12px, 3vh, 20px) !important;
                display: flex !important;
                flex-wrap: wrap !important;
                gap: 8px !important;
                justify-content: center !important;
            }
            #modal-text .mt-6.border-t button {
                padding: clamp(10px, 2.5vh, 14px) clamp(16px, 4vw, 24px) !important;
                font-size: clamp(0.9rem, 3vh, 1.1rem) !important;
                min-height: 48px !important;
                flex: 1 1 45% !important;
            }
            
            /* أزرار تأكيد المودال الأساسية */
            #modal-buttons {
                gap: clamp(8px, 2vw, 16px) !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                margin-top: 16px !important;
            }
            #modal-buttons button {
                padding: clamp(10px, 2.5vh, 14px) clamp(20px, 5vw, 32px) !important;
                font-size: clamp(0.9rem, 3vh, 1.1rem) !important;
                min-height: 48px !important;
                flex: 1 1 auto !important;
                min-width: 120px !important;
            }

            /* ================================================================ */
            /*  إصلاح الواجهة الرئيسية في الوضع الأفقي                         */
            /* ================================================================ */
            #start-screen {
                position: relative !important;
                z-index: 10 !important;
                overflow-y: auto !important;
                max-height: none !important;
                padding: clamp(20px, 5vh, 40px) clamp(20px, 5vw, 40px) !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: flex-start !important;
                min-height: 100vh !important;
                gap: clamp(12px, 3vh, 20px) !important; /* إضافة فجوات بين كل الأقسام */
            }
            
            #start-screen img {
                width:  clamp(80px, 20vh, 140px) !important;
                height: clamp(80px, 20vh, 140px) !important;
                margin-bottom: 0 !important; 
            }
            
            #start-screen h1 {
                font-size: clamp(2rem, 7vh, 3rem) !important; /* تكبير العنوان */
                margin-bottom: 0 !important;
            }
            
            #start-screen h2 {
                font-size: clamp(1.2rem, 4vh, 1.8rem) !important;
                margin-bottom: 0 !important;
            }

            /* خيار عدد الفرق */
            #start-screen .mb-6.flex.justify-center.items-center.gap-4 {
                margin-bottom: 0 !important;
            }
            
            /* تم إزالة التعديلات الخاصة بحقول إدخال الفرق هنا لتبقى مختصرة ومضغوطة كما في الكلاسات */
            
            /* تحسين أزرار البداية لتكون أفقية */
            #start-screen .flex-col.sm\\:flex-row {
                flex-direction: row !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                gap: 16px !important;
                width: 100% !important;
                margin-bottom: 0 !important;
            }
            
            #start-screen button {
                padding: clamp(12px, 3vh, 16px) clamp(24px, 6vw, 40px) !important;
                font-size: clamp(1.1rem, 3.5vh, 1.3rem) !important;
                min-height: 54px !important;
                width: auto !important; /* إلغاء العرض الكامل */
                flex: 0 1 auto !important;
                border-radius: 100px !important; /* شكل دائري جميل */
            }
            
            /* زر المختبر في أسفل الشاشة */
            #start-screen .flex.justify-center {
                margin-top: clamp(8px, 2vh, 16px) !important;
            }

            /* منع تداخل أيقونات وشاشات اللعب على الشاشة الرئيسية */
            #start-screen.hidden, #game-screen.hidden, #end-screen.hidden {
                display: none !important;
                visibility: hidden !important;
                pointer-events: none !important;
                opacity: 0 !important;
                position: absolute !important;
                z-index: -10 !important;
            }

            /* ================================================================ */
            /*  إصلاح المختبر في الوضع الأفقي للجوال                          */
            /* ================================================================ */
            #custom-rounds-dashboard {
                flex-direction: row !important;
                overflow: hidden !important;
            }
            /* القائمة الجانبية في المختبر */
            #custom-rounds-dashboard > div:first-child {
                width: clamp(140px, 22vw, 200px) !important;
                min-width: clamp(140px, 22vw, 200px) !important;
                height: 100% !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                flex-direction: column !important;
                border-bottom: none !important;
                border-left: 1px solid #374151 !important;
                padding: clamp(6px, 1.5vh, 10px) !important;
            }
            #custom-rounds-dashboard > div:first-child > .text-center.mb-6 {
                display: none !important;
            }
            #custom-rounds-dashboard > div:first-child .flex.md\\:flex-col {
                flex-direction: column !important;
                gap: 4px !important;
            }
            #db-create-new-btn, #db-close-btn {
                padding: clamp(4px, 1vh, 6px) clamp(6px, 1.5vw, 10px) !important;
                font-size: clamp(0.65rem, 2vh, 0.8rem) !important;
            }
            /* قائمة الجولات */
            #custom-rounds-dashboard > div:first-child > .flex-grow {
                overflow-y: auto !important;
                overflow-x: hidden !important;
                flex-grow: 1 !important;
            }
            #db-rounds-list {
                flex-direction: column !important;
                gap: 4px !important;
            }
            #db-rounds-list > li {
                white-space: normal !important;
                flex-shrink: 1 !important;
                font-size: clamp(0.6rem, 1.8vh, 0.75rem) !important;
            }
            /* منطقة العمل في المختبر */
            #custom-rounds-dashboard > .flex-grow {
                height: 100% !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                padding: clamp(6px, 1.5vh, 12px) !important;
                -webkit-overflow-scrolling: touch !important;
            }
            /* شريط الإعدادات في المحرر */
            #db-editor-view > div:first-child {
                padding: clamp(6px, 1.5vh, 10px) !important;
                margin-bottom: clamp(4px, 1vh, 8px) !important;
                gap: clamp(4px, 1vh, 8px) !important;
                flex-wrap: wrap !important;
            }
            #db-round-name {
                padding: clamp(4px, 1vh, 6px) clamp(6px, 1.5vw, 10px) !important;
                font-size: clamp(0.75rem, 2.2vh, 0.9rem) !important;
            }
            /* شريط التقدم */
            #db-editor-view > .mb-6 {
                margin-bottom: clamp(4px, 1vh, 8px) !important;
            }
            #db-progress-hint {
                display: none !important;
            }
            /* نموذج إضافة سؤال */
            #db-editor-view .bg-gray-800.rounded-xl {
                padding: clamp(6px, 1.5vh, 10px) !important;
                margin-bottom: clamp(4px, 1vh, 8px) !important;
            }
            #db-editor-view .bg-gray-800.rounded-xl > h3 {
                font-size: clamp(0.75rem, 2.2vh, 0.9rem) !important;
                margin-bottom: clamp(4px, 1vh, 6px) !important;
            }
            /* الخيارات 2×2 */
            #db-editor-view .grid.grid-cols-1 {
                grid-template-columns: 1fr 1fr !important;
                gap: clamp(4px, 1vh, 6px) !important;
            }
            #db-editor-view .grid.grid-cols-1 input,
            #db-q-text {
                padding: clamp(4px, 1vh, 6px) clamp(6px, 1.5vw, 10px) !important;
                padding-right: clamp(24px, 5vw, 32px) !important;
                font-size: clamp(0.7rem, 2vh, 0.85rem) !important;
            }
            /* أزرار إضافة وعشوائي */
            #db-random-q-btn, #db-add-q-btn {
                padding: clamp(4px, 1vh, 6px) clamp(8px, 2vw, 12px) !important;
                font-size: clamp(0.7rem, 2vh, 0.85rem) !important;
            }
            /* قسم الأسئلة الحالية */
            #db-questions-section {
                max-height: clamp(120px, 35vh, 250px) !important; /* زيادة الارتفاع الأقصى */
                overflow-y: auto !important; /* إجبار التمرير */
            }
            #db-questions-wrapper {
                overflow-y: auto !important;
            }
            #db-questions-container {
                overflow-y: auto !important;
            }
            /* منطقة العمل الداخلية - السماح بالتمرير */
            #db-work-area {
                overflow-y: auto !important;
                overflow-x: hidden !important;
                -webkit-overflow-scrolling: touch !important;
            }
            #db-editor-view {
                overflow-y: auto !important;
                overflow-x: hidden !important;
                height: auto !important;
                min-height: 0 !important;
            }
            /* نافذة تعديل السؤال */
            #edit-question-modal {
                overflow-y: auto !important;
                align-items: flex-start !important;
            }
            #edit-question-content {
                max-height: none !important;
                margin: clamp(4px, 1vh, 8px) auto !important;
                padding: clamp(8px, 1.5vh, 12px) !important;
            }
            #edit-question-content input {
                padding: clamp(4px, 1vh, 6px) clamp(6px, 1.5vw, 10px) !important;
                font-size: clamp(0.7rem, 2vh, 0.85rem) !important;
            }
            #edit-question-content .grid {
                grid-template-columns: 1fr 1fr !important;
                gap: clamp(4px, 1vh, 6px) !important;
            }
        }

        /* إخفاء عناصر الجوال على الديسكتوب */
        @media (min-width: 1024px) {
            #mobile-lifelines, #mobile-prize-btn, #mobile-prize-modal, #mobile-pause-btn {
                display: none !important;
            }
        }

        /* مودال سلم الجوائز (جوال) */
        #mobile-prize-modal {
            transition: opacity 0.3s, visibility 0.3s;
        }
        #mobile-prize-modal.visible {
            opacity: 1 !important;
            visibility: visible !important;
        }

        /* ===== كونفيتي الاحتفال ===== */
        .confetti-particle {
            position: fixed;
            top: -20px;
            border-radius: 3px;
            animation: confetti-fall linear forwards;
            z-index: 99999;
            pointer-events: none;
            opacity: 1;
        }
        @keyframes confetti-fall {
            0%   { transform: translateY(0) rotate(0deg);    opacity: 1; }
            80%  { opacity: 1; }
            100% { transform: translateY(105vh) rotate(720deg); opacity: 0; }
        }

        /* ===== احتفال النقطة الآمنة ===== */
        #safe-point-celebration {
            position: fixed;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9998;
            background: rgba(0, 0, 0, 0.75);
            backdrop-filter: blur(4px);
            animation: fadeIn 0.3s ease;
        }
        #safe-point-celebration .celebration-card {
            text-align: center;
            animation: zoomIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #1e1b4b 100%);
            border: 3px solid #fde047;
            border-radius: 2rem;
            padding: 2.5rem 3rem;
            box-shadow: 0 0 60px rgba(253, 224, 71, 0.4);
            max-width: 400px;
            width: 90%;
        }
        @keyframes trophy-bounce {
            0%, 100% { transform: scale(1) rotate(0deg); }
            25% { transform: scale(1.2) rotate(-5deg); }
            75% { transform: scale(1.2) rotate(5deg); }
        }
        .trophy-icon {
            font-size: 4rem;
            animation: trophy-bounce 0.8s ease infinite;
            display: inline-block;
            margin-bottom: 0.5rem;
        }

        /* ===== استفتاء الجمهور ===== */
        .poll-bar-wrapper {
            margin-bottom: 12px;
        }
        .poll-bar-track {
            background: #374151;
            border-radius: 9999px;
            height: 14px;
            overflow: hidden;
            margin-top: 4px;
        }
        .poll-bar-fill {
            height: 100%;
            border-radius: 9999px;
            background: linear-gradient(90deg, #4f46e5, #818cf8);
            width: 0%;
            transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .poll-bar-fill.winner {
            background: linear-gradient(90deg, #16a34a, #4ade80);
        }

        /* ============================================= */
        /*  تحسينات المختبر للجوال (Portrait)            */
        /* ============================================= */
        @media (max-width: 767px) {
            /* القائمة الجانبية مضغوطة */
            #custom-rounds-dashboard > div:first-child > .text-center.mb-6 {
                display: none !important;
            }
            #db-create-new-btn, #db-close-btn {
                padding: 12px 16px !important; /* تحسين مساحة اللمس */
                font-size: 0.9rem !important;
                margin-bottom: 0 !important;
                border-radius: 8px !important;
            }
            /* قائمة الجولات أفقية */
            #custom-rounds-dashboard > div:first-child > .flex-grow {
                flex-grow: 0 !important;
                margin-bottom: 0 !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
            }
            #custom-rounds-dashboard > div:first-child > .flex-grow > h3 {
                display: none !important;
            }
            #db-rounds-list {
                display: flex !important;
                flex-direction: row !important;
                gap: 8px !important; /* تباعد أفضل بين الجولات */
            }
            #db-rounds-list > li {
                white-space: nowrap;
                flex-shrink: 0;
            }
            /* منطقة العمل scrollable */
            #custom-rounds-dashboard > .flex-grow {
                padding: 12px !important; /* زيادة الحشوة الجانبية */
                overflow-y: auto !important;
                overflow-x: hidden !important;
            }
            /* شريط الإعدادات */
            #db-editor-view > div:first-child {
                padding: 12px !important;
                margin-bottom: 12px !important;
                gap: 12px !important;
            }
            #db-round-name {
                padding: 10px 12px !important; /* تكبير حقل الإدخال */
                font-size: 1rem !important; /* تكبير الخط لمنع زووم iOS */
            }
            /* شريط التقدم */
            #db-editor-view > .mb-6 {
                margin-bottom: 12px !important;
            }
            #db-progress-hint { display: none !important; }
            
            /* نموذج الإضافة */
            #db-editor-view .bg-gray-800.rounded-xl {
                padding: 16px !important;
                margin-bottom: 12px !important;
            }
            #db-editor-view .bg-gray-800.rounded-xl > h3 {
                font-size: 1rem !important; /* تكبير عنوان "إضافة سؤال" */
                margin-bottom: 12px !important;
            }
            /* الخيارات 1×4 في الهواتف الطولية لسهولة القراءة والكتابة */
            #db-editor-view .grid.grid-cols-1 {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }
            #db-editor-view .grid.grid-cols-1 input {
                padding: 12px 32px 12px 12px !important; /* حشوة ممتازة */
                font-size: 1rem !important;
            }
            #db-q-text {
                padding: 12px 36px 12px 12px !important;
                font-size: 1rem !important;
                min-height: 80px !important; /* زيادة ارتفاع حقل السؤال */
            }
            #db-random-q-btn, #db-add-q-btn {
                padding: 12px 16px !important;
                font-size: 0.95rem !important;
                min-height: 44px !important; /* هدف لمس قياسي */
            }
            
            /* أزرار تحديد الإجابة الصحيحة */
            #db-editor-view .bg-gray-900.p-3 {
                padding: 10px !important;
                gap: 8px !important;
                flex-wrap: wrap;
            }
            #db-editor-view .bg-gray-900.p-3 .flex.gap-2 label div {
                padding: 8px 12px !important;
                font-size: 0.9rem !important;
                min-height: 38px !important; /* هدف لمس أفضل */
            }
            
            /* تحسين منطقة الأسئلة الحالية */
            #db-questions-section {
                max-height: 300px !important; /* زيادة الارتفاع لرؤية أفضل */
                overflow-y: auto !important;
            }
        }

        /* ============================================= */
        /*  تحسينات الشاشة الرئيسية للجوال (Portrait)    */
        /* ============================================= */
        @media (max-width: 767px) and (orientation: portrait) {
            #start-screen {
                padding: clamp(16px, 4vh, 24px) !important;
                gap: 16px !important;
                justify-content: flex-start !important;
                overflow-y: auto !important;
                min-height: 100vh !important;
            }
            #start-screen img {
                width: 100px !important;
                height: 100px !important;
                margin-top: 10px !important;
            }
            #start-screen h1 {
                font-size: 2.2rem !important;
                text-align: center;
                line-height: 1.2;
            }
            #start-screen h2 {
                font-size: 1.2rem !important;
                text-align: center;
            }
            /* حاوية المدخلات (الفرق) - تم إزالة التعديل لتبقى مضغوطة */
            /* أزرار البداية والتحكم */
            #start-screen .flex-col.sm\:flex-row {
                width: 100% !important;
                display: flex !important;
                flex-direction: column !important; /* عمودي */
                gap: 12px !important;
            }
            #start-screen button {
                width: 100% !important;
                padding: 14px !important;
                font-size: 1.1rem !important;
                min-height: 54px !important;
                border-radius: 100px !important;
            }
            #start-screen .mb-6.flex.justify-center.items-center.gap-4 {
                flex-wrap: wrap !important;
                margin-bottom: 0 !important;
            }
            
            /* أزرار الإجابات في شاشة اللعب - تأكيد الارتفاع المريح */
            #options-container {
                gap: 10px !important;
            }
            .option-button {
                min-height: 54px !important;
                font-size: 1.1rem !important;
            }
        }
    
@font-face { font-family: 'AAGalaxy'; src: url('../../fonts/AA-GALAXY.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; }

        @keyframes rotateArrow {
            0%, 100% { transform: rotate(0deg); opacity: 1; }
            50% { transform: rotate(90deg); opacity: 0.5; }
        }
        /* أنيميشن دوران الجوال */
        @keyframes phoneRotate {
            0%, 30% { transform: rotate(0deg); }
            50%, 80% { transform: rotate(-90deg); }
            100% { transform: rotate(0deg); }
        }
        #phone-icon {
            animation: phoneRotate 3s ease-in-out infinite;
        }