.ar-vocab-games-container{max-width:900px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;background-color:#fff;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.1);overflow:hidden;position:relative}.ar-game-selection{padding:30px;text-align:center}.ar-game-selection h2{margin-top:0;margin-bottom:30px;font-size:28px;color:#333}.ar-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.ar-game-card{background:#f9f9f9;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer;border:2px solid transparent;position:relative}.ar-game-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1);border-color:#ddd}.ar-game-card--live{border-color:#fef3c7}.ar-game-card--live:hover{border-color:#fba700}.ar-game-live-badge{position:absolute;top:8px;right:8px;background:#fba700;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:10px;line-height:1.4}.ar-game-card.selected{background-color:#e7f5ff;border-color:#4a90e2}.ar-game-icon{width:70px;height:70px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background-color:#4a90e2;border-radius:50%}.ar-game-icon svg{color:#fff}.ar-game-card h3{margin:0 0 10px;font-size:18px;color:#333}.ar-game-card p{margin:0;font-size:14px;color:#666;line-height:1.4}.ar-game-options{background-color:#f5f7fa;padding:20px;border-radius:8px;margin-bottom:25px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.ar-option-group{flex:1;min-width:200px}.ar-option-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.ar-option-group select{width:100%;padding:10px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;color:#333}.ar-help-text{display:block;margin-top:5px;font-size:12px;color:#666;font-style:italic;line-height:1.3}.ar-wl-picker{position:relative;width:100%}.ar-wl-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;color:#999;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s}.ar-wl-trigger:hover{border-color:#4a90e2}.ar-wl-trigger.ar-wl-has-value{color:#333}.ar-wl-picker-open .ar-wl-trigger{border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2)}.ar-wl-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-wl-arrow{flex-shrink:0;margin-left:8px;color:#999;transition:transform .2s}.ar-wl-picker-open .ar-wl-arrow{transform:rotate(180deg)}.ar-wl-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:none;overflow:hidden}.ar-wl-dropdown.ar-wl-open{display:block}.ar-wl-search-wrap{padding:8px;border-bottom:1px solid #eee}.ar-wl-search{width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;outline:0;box-sizing:border-box}.ar-wl-search:focus{border-color:#4a90e2}.ar-wl-items{max-height:280px;overflow-y:auto;padding:4px 0}.ar-wl-group{border-bottom:1px solid #f0f0f0}.ar-wl-group:last-child{border-bottom:none}.ar-wl-group-header{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;color:#555;cursor:pointer;user-select:none;transition:background .1s}.ar-wl-group-header:hover{background:#f8f9fa}.ar-wl-group-header span{flex:1}.ar-wl-group-count{font-size:11px;font-weight:400;color:#999;background:#f0f0f0;border-radius:10px;padding:1px 7px;flex:0 0 auto!important}.ar-wl-icon{flex-shrink:0;color:#888}.ar-wl-chevron{flex-shrink:0;color:#aaa;transition:transform .2s}.ar-wl-group-open>.ar-wl-group-header .ar-wl-chevron{transform:rotate(90deg)}.ar-wl-group-body{display:none}.ar-wl-group-open>.ar-wl-group-body{display:block}.ar-wl-item{padding:7px 12px 7px 34px;font-size:13px;color:#333;cursor:pointer;transition:background .1s}.ar-wl-item-default{padding-left:12px;font-weight:500;border-bottom:1px solid #f0f0f0}.ar-wl-item:hover{background:#f0f5ff}.ar-wl-item.ar-wl-active{background:#e8f0fe;color:#1a56db;font-weight:600}.ar-wl-empty{padding:16px;text-align:center;color:#999;font-size:13px}.rtl .ar-wl-trigger{text-align:right}.rtl .ar-wl-arrow{margin-left:0;margin-right:8px}.rtl .ar-wl-item{padding-left:12px;padding-right:34px}.rtl .ar-wl-item-default{padding-right:12px}.rtl .ar-wl-chevron{transform:rotate(180deg)}.rtl .ar-wl-group-open>.ar-wl-group-header .ar-wl-chevron{transform:rotate(90deg)}.ar-start-game-btn{background-color:#4a90e2;color:#fff;border:none;padding:12px 30px;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color .3s}.ar-start-game-btn:hover{background-color:#3a7bc8}.ar-game-ui{padding:30px}.ar-game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.ar-game-back{margin-right:15px}.ar-back-to-games-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;font-size:14px;text-decoration:none;transition:all .2s ease;cursor:pointer}.ar-back-to-games-btn:hover{background-color:#e9ecef;border-color:#adb5bd;color:#495057;text-decoration:none}.ar-back-to-games-btn svg{width:16px;height:16px}.ar-game-info{flex:1}.ar-game-title{margin:0 0 5px;font-size:24px;color:#333}.ar-game-progress{font-size:16px;color:#666}.ar-game-score{background-color:#f5f7fa;padding:10px 20px;border-radius:50px;text-align:center;min-width:80px}.ar-score-value{font-size:24px;font-weight:700;color:#4a90e2}.ar-score-label{font-size:12px;color:#666;text-transform:uppercase}.ar-game-content{background-color:#f9f9f9;padding:30px;border-radius:8px;margin-bottom:20px;min-height:200px}.ar-game-actions{display:flex;justify-content:center;gap:15px}.ar-check-answer-btn,.ar-next-question-btn{padding:12px 25px;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .3s}.ar-check-answer-btn{background-color:#4a90e2;color:#fff;border:none}.ar-check-answer-btn:hover{background-color:#3a7bc8}.ar-next-question-btn{background-color:#5cb85c;color:#fff;border:none}.ar-next-question-btn:hover{background-color:#4cae4c}.ar-game-results{padding:30px;text-align:center}.ar-results-header h2{margin-top:0;margin-bottom:20px;font-size:28px;color:#333}.ar-results-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.ar-stat-item{background-color:#f5f7fa;padding:20px;border-radius:8px;min-width:120px}.ar-stat-value{font-size:28px;font-weight:700;color:#4a90e2;margin-bottom:5px}.ar-stat-label{font-size:14px;color:#666}.ar-final-score{color:#f0ad4e}.ar-correct-answers{color:#5cb85c}.ar-completion-time{color:#d9534f}.ar-results-message{margin-bottom:30px;font-size:16px;color:#555;line-height:1.6}.ar-results-actions{display:flex;justify-content:center;gap:15px}.ar-choose-game-btn,.ar-play-again-btn{padding:12px 25px;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .3s}.ar-play-again-btn{background-color:#5cb85c;color:#fff;border:none}.ar-play-again-btn:hover{background-color:#4cae4c}.ar-choose-game-btn{background-color:#f0ad4e;color:#fff;border:none}.ar-choose-game-btn:hover{background-color:#ec971f}.ar-matching-game .ar-question{font-size:24px;font-weight:600;text-align:center;margin-bottom:20px;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.ar-matching-game .ar-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.ar-matching-game .ar-option{padding:15px;background-color:#fff;border:2px solid #ddd;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s}.ar-matching-game .ar-option:hover{border-color:#a0c5e8;transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.05)}.ar-matching-game .ar-option.selected{background-color:#e7f5ff;border-color:#4a90e2}.ar-matching-game .ar-option.correct{background-color:#dff0d8;border-color:#5cb85c}.ar-matching-game .ar-option.incorrect{background-color:#f2dede;border-color:#d9534f}.ar-fill-blank-game .ar-sentence{font-size:20px;line-height:1.6;text-align:center;margin-bottom:10px;direction:rtl;padding:15px;background-color:#f8f9fa;border-radius:8px}.ar-fill-blank-game .ar-sentence.with-tashkeel{letter-spacing:.5px;color:#2a70c2;font-family:Amiri,"Scheherazade New","Noto Naskh Arabic",Arial,sans-serif}.ar-fill-blank-game .ar-translation{font-size:16px;color:#666;margin-bottom:25px;text-align:center;font-style:italic}.ar-translation-container{text-align:center;margin-bottom:25px}.ar-translation-toggle{background:#f8f9fa;border:1px solid #dee2e6;border-radius:50%;width:35px;height:35px;font-size:16px;cursor:pointer;margin-bottom:10px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.ar-translation-toggle:hover{background:#e9ecef;border-color:#adb5bd;transform:scale(1.05)}.ar-word-translation-hint{display:inline-block;margin-top:6px;padding:3px 12px;background:#fef3c7;color:#92400e;border-radius:12px;font-weight:600;font-size:.9em;font-style:italic;letter-spacing:.3px}.ar-fill-blank-game .ar-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.ar-fill-blank-game .ar-option{padding:15px;background-color:#fff;border:2px solid #ddd;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s}.ar-fill-blank-game .ar-option:hover{border-color:#a0c5e8}.ar-fill-blank-game .ar-option.selected{background-color:#e7f5ff;border-color:#4a90e2}.ar-fill-blank-game .ar-blank-input{width:200px;padding:10px;border:2px solid #ddd;border-radius:4px;font-size:16px;text-align:center;direction:rtl}.ar-fill-blank-game .ar-blank-input:focus{border-color:#4a90e2;outline:0;box-shadow:0 0 0 3px rgba(74,144,226,.2)}.ar-ordering-game .ar-translation{font-size:16px;color:#666;margin-bottom:20px;text-align:center;font-style:italic}.ar-ordering-game .ar-translation-container{text-align:center;margin-bottom:20px}.ar-ordering-instructions{text-align:center;margin-bottom:15px;color:#4a90e2;font-weight:500;font-size:14px}.ar-ordering-game .ar-word-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px;min-height:60px;background-color:#fff;border:2px dashed #ddd;border-radius:8px;padding:15px}.ar-ordering-game .ar-word{padding:10px 15px;background-color:#e7f5ff;border:1px solid #a0c5e8;border-radius:4px;cursor:pointer;user-select:none;font-size:16px;direction:rtl;position:relative;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .2s ease}.ar-ordering-game .ar-word:hover{background-color:#d0e8ff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.ar-ordering-game .ar-word.selected{background-color:#4a90e2;color:#fff;border-color:#2a70c2;transform:translateY(-3px);box-shadow:0 4px 8px rgba(74,144,226,.25)}.ar-current-order{margin-top:20px;text-align:center}.ar-order-text{font-size:16px;color:#333;margin-bottom:15px;background-color:#f5f7fa;padding:10px;border-radius:6px;direction:rtl}.ar-reset-order{background-color:#f0ad4e;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.ar-reset-order:hover{background-color:#ec971f}.ar-ordering-game .ar-word.ui-sortable-helper{cursor:grabbing;box-shadow:0 5px 10px rgba(0,0,0,.1);background-color:#bfe0ff;transform:scale(1.05);z-index:10}.ar-ordering-game .ar-word-placeholder{background-color:rgba(19,55,102,.1);border:1px dashed #133766;border-radius:4px;height:38px;min-width:60px}.ar-word-container.correct{border-color:#5cb85c;background-color:rgba(92,184,92,.1)}.ar-word-container.incorrect{border-color:#d9534f;background-color:rgba(217,83,79,.1)}.ar-feedback{margin-top:15px;text-align:center;padding:10px;border-radius:6px;font-weight:500}.ar-feedback.correct{background-color:rgba(92,184,92,.1);color:#5cb85c;border:1px solid #5cb85c}.ar-feedback.incorrect{background-color:rgba(217,83,79,.1);color:#d9534f;border:1px solid #d9534f}.ar-cards-game .ar-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:30px;max-width:600px;margin:0 auto;position:relative;height:300px;perspective:1000px}.ar-cards-game .ar-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.ar-cards-game .ar-card.flipped .ar-card-inner{transform:rotateY(180deg)}.ar-cards-game .ar-card-back,.ar-cards-game .ar-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.ar-cards-game .ar-card-back{transform:rotateY(180deg)}.ar-cards-game .ar-card-term{font-size:32px;font-weight:700;margin-bottom:15px;color:#333;direction:rtl}.ar-cards-game .ar-card-translation{font-size:24px;color:#4a90e2;margin-bottom:10px}.ar-cards-game .ar-card-examples{margin-top:20px;text-align:left}.ar-cards-game .ar-card-example{margin-bottom:10px;font-size:14px}.ar-cards-game .ar-card-example-arabic{direction:rtl;margin-bottom:5px}.ar-cards-game .ar-card-nav{display:flex;justify-content:center;gap:20px;margin-top:20px}.ar-cards-game .ar-card-nav-btn{background-color:transparent;border:none;font-size:24px;color:#aaa;cursor:pointer;transition:color .3s}.ar-cards-game .ar-card-nav-btn:hover{color:#4a90e2}.ar-cards-game .ar-card-flip-btn{position:absolute;bottom:15px;right:15px;background-color:transparent;border:none;color:#aaa;cursor:pointer;transition:color .3s}.ar-cards-game .ar-card-flip-btn:hover{color:#4a90e2}.ar-cards-game .ar-cards-progress{text-align:center;margin-top:20px;color:#666;font-size:14px}.ar-cards-game .ar-srs-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px;margin:18px auto 0}.ar-cards-game .ar-srs-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;font-size:15px;font-weight:600;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.08)}.ar-cards-game .ar-srs-btn .ar-srs-label{font-size:15px}.ar-cards-game .ar-srs-btn .ar-srs-key{font-size:11px;opacity:.55;font-weight:400}.ar-cards-game .ar-srs-again{background:#fef2f2;color:#dc2626;border-color:#fecaca}.ar-cards-game .ar-srs-again:hover{background:#fee2e2;border-color:#f87171;transform:translateY(-2px)}.ar-cards-game .ar-srs-hard{background:#fffbeb;color:#d97706;border-color:#fde68a}.ar-cards-game .ar-srs-hard:hover{background:#fef3c7;border-color:#fbbf24;transform:translateY(-2px)}.ar-cards-game .ar-srs-good{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.ar-cards-game .ar-srs-good:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-2px)}.ar-cards-game .ar-srs-easy{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.ar-cards-game .ar-srs-easy:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-2px)}@media (max-width:768px){.ar-cards-game .ar-srs-buttons{gap:6px;max-width:100%}.ar-cards-game .ar-srs-btn{padding:10px 4px;font-size:13px}}.ar-cards-game .ar-srs-onboarding{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:10px;padding:10px 16px;color:#1e40af;font-size:13px;line-height:1.5;text-align:center;margin:12px auto 0;max-width:480px;animation:srsCardHintFade .5s ease-in}.ar-cards-game .ar-srs-onboarding em{font-style:normal;font-weight:600;color:#1d4ed8}@keyframes srsCardHintFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ar-game-loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.ar-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.ar-loading-message{padding:15px;text-align:center;font-weight:700;color:#555;background-color:#f9f9f9;border-radius:5px;margin:10px 0;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.ar-cancel-loading-btn{background-color:#f44336;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;margin-top:15px}.ar-cancel-loading-btn:hover{background-color:#d32f2f}.ar-video-container .ar-loading-message{padding:30px;background-color:#f8f9fa;border-radius:8px;width:100%;text-align:center;margin:20px 0}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:768px){.ar-games-grid{grid-template-columns:repeat(2,1fr)}.ar-results-stats{flex-direction:column;gap:15px}.ar-game-results,.ar-game-selection,.ar-game-ui,.ar-vocab-games-container{padding:15px}.ar-game-content{padding:20px}}@media (max-width:480px){.ar-games-grid{grid-template-columns:1fr}.ar-game-actions{flex-direction:column}.ar-results-actions{flex-direction:column}.ar-fill-blank-game .ar-options,.ar-matching-game .ar-options{grid-template-columns:1fr}}.rtl .ar-fill-blank-game .ar-blank-input,.rtl .ar-matching-game .ar-option,.rtl .ar-matching-game .ar-question,.rtl .ar-ordering-game .ar-word,.rtl .ar-vocab-games-container{direction:rtl;text-align:right}.rtl .ar-cards-game .ar-card-term,.rtl .ar-cards-game .ar-card-translation{direction:rtl;text-align:center}.ar-video-listening-game{display:flex;flex-direction:column;gap:20px}.ar-video-container{position:relative;margin-bottom:15px;border-radius:8px;overflow:hidden;background-color:#f5f5f5;min-height:200px;box-shadow:0 2px 4px rgba(0,0,0,.1)}#ar-youtube-player{aspect-ratio:16/9;width:100%}.ar-caption-options{background-color:#f8f9fa;padding:10px;border-radius:8px;text-align:center;margin:10px 0}.ar-caption-toggles{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.ar-caption-toggles span{font-weight:500;color:#444}.ar-caption-toggle{background-color:#f1f3f5;border:1px solid #dee2e6;border-radius:20px;padding:5px 12px;font-size:14px;cursor:pointer;transition:all .2s}.ar-caption-toggle:hover{background-color:#e9ecef}.ar-caption-toggle.active{background-color:#2979ff;color:#fff;border-color:#2979ff}.ar-caption-display{background-color:#f8f9fa;border-left:4px solid #2979ff;padding:12px 15px;margin-bottom:20px;border-radius:6px;min-height:40px}.ar-caption-arabic{font-size:18px;color:#333;margin-bottom:5px;direction:rtl;line-height:1.5}.ar-caption-english{font-size:16px;color:#666;font-style:italic}.ar-caption-english .ar-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007bff;animation:ar-spin 1s ease-in-out infinite;margin-left:5px;vertical-align:middle}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-target-word{background-color:#e7f3ff;padding:1px 4px;border-radius:3px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.ar-target-word:hover{background-color:#cce5ff}.ar-target-word.saved{background-color:#d4edda;cursor:default;font-style:italic}.ar-video-speed-btn{font-size:.9em;min-width:45px}.ar-save-feedback{display:inline-block;margin-left:10px;font-size:.9em;color:green;opacity:0;transition:opacity .5s ease}.ar-save-feedback.show{opacity:1}.ar-question-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ar-question-prompt{font-size:20px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.ar-fill-blank-sentence{background-color:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;font-size:18px;line-height:1.5;text-align:center;color:#555;border-left:4px solid #2979ff;direction:rtl}.ar-options-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:15px}.ar-option{padding:12px 15px;background-color:#f5f7fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:16px;text-align:center}.ar-option:focus,.ar-option:hover{background-color:#e9ecef;border-color:#ced4da;transform:translateY(-2px)}.ar-option.selected{background-color:#e3f2fd;border-color:#2196f3;font-weight:500}.ar-option.correct{background-color:#e8f5e9;border-color:#4caf50;color:#2e7d32}.ar-option.incorrect{background-color:#ffebee;border-color:#f44336;color:#c62828}.ar-word-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0;min-height:60px;background-color:#f8f9fa;border:2px dashed #2979ff;border-radius:8px;padding:15px}.ar-word{padding:10px 15px;background-color:#e7f5ff;border:1px solid #a0c5e8;border-radius:6px;cursor:pointer;user-select:none;font-size:16px;direction:rtl;position:relative;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .2s ease}.ar-word:focus,.ar-word:hover{background-color:#d0e8ff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.ar-word.selected{background-color:#4a90e2;color:#fff;border-color:#2a70c2}.ar-word-placeholder{background-color:rgba(41,121,255,.1);border:1px dashed #2979ff;border-radius:6px;height:38px;min-width:60px}.ar-word-container.correct{border-color:#4caf50;background-color:rgba(76,175,80,.1)}.ar-word-container.incorrect{border-color:#f44336;background-color:rgba(244,67,54,.1)}.ar-ordering-instructions{text-align:center;margin-bottom:15px;color:#2979ff;font-weight:500;font-size:15px}.ar-current-order{margin-top:15px;text-align:center}.ar-order-text{font-size:16px;color:#333;margin:10px 0;background-color:#f5f7fa;padding:10px;border-radius:6px;direction:rtl}.ar-reset-order{background-color:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.ar-reset-order:hover{background-color:#f57c00;transform:translateY(-2px)}.ar-correct-order-display{margin-top:15px;padding:12px;background-color:#fffde7;border:1px solid #fff9c4;border-radius:6px;text-align:center}.ar-correct-order-label{font-weight:500;color:#f57f17;margin-bottom:8px}.ar-correct-words{font-size:16px;color:#333;direction:rtl;padding:8px 12px;background-color:#fff;border-radius:4px;border-left:3px solid #ffca28}.ar-video-error{color:#d32f2f;background-color:#ffebee;padding:15px;border-radius:5px;margin:10px 0;text-align:center;border:1px solid #ffcdd2}.ar-error{color:#d32f2f;padding:10px;border-radius:4px;margin:10px 0;text-align:center}.ar-video-error-actions{display:flex;justify-content:center;gap:10px;margin-top:15px}.ar-video-controls{display:flex;justify-content:center;align-items:center;margin:15px auto;gap:15px;background-color:#2979ff;padding:10px 20px;border-radius:50px;box-shadow:0 3px 10px rgba(0,0,0,.2);width:fit-content}.ar-video-control-btn{background-color:#fff;color:#2979ff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:0}.ar-video-control-btn:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.2);background-color:#f8f9fa}.ar-icon-replay:before{content:"↻"}.ar-icon-play:before{content:"▶"}.ar-icon-pause:before{content:"⏸"}.ar-icon-next:before{content:"⏭"}.ar-video-progress{color:#fff;font-weight:700;display:flex;align-items:center;margin-left:10px;min-width:40px}.ar-loading-message{padding:30px;text-align:center;font-weight:700;color:#555;background-color:#f9f9f9;border-radius:8px;margin:20px auto;max-width:80%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}100%{opacity:.7}}.ar-debug-info{display:none}body.debug-mode .ar-debug-info{display:block;margin-top:15px;padding:10px;background-color:#fffddb;border:1px dashed #ffc107;border-radius:4px;font-family:monospace;font-size:12px}@media (max-width:768px){.ar-options-container{grid-template-columns:1fr}.ar-video-controls{padding:8px 15px}.ar-video-control-btn{width:36px;height:36px}.ar-back-to-games-btn{padding:6px 10px;font-size:13px;gap:6px}.ar-back-to-games-btn svg{width:14px;height:14px}.ar-game-header{flex-wrap:wrap;gap:10px}.ar-game-back{margin-right:0;order:-1;width:100%}}.ar-progress-container{display:flex;flex-direction:column;align-items:center;gap:5px}.ar-progress-bar{width:200px;height:8px;background-color:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.ar-progress-fill{height:100%;background:linear-gradient(90deg,#4a90e2,#66a3ff);border-radius:10px;transition:width .3s ease;position:relative}.ar-progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:ar-progress-shine 2s infinite}@keyframes ar-progress-shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.ar-progress-text{font-size:14px;color:#666;font-weight:500}.ar-celebrate{animation:ar-celebrate .6s ease-in-out;color:#28a745!important}@keyframes ar-celebrate{0%,100%{transform:scale(1)}25%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.2) rotate(5deg)}}.ar-floating-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;pointer-events:none;animation:ar-float-up 2s ease-out forwards;z-index:1000}@keyframes ar-float-up{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-80px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-120px) scale(1)}}.ar-save-indicator{position:absolute;top:-5px;right:-5px;background:#28a745;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;animation:ar-fade-in-out 2s ease-in-out}@keyframes ar-fade-in-out{0%,100%{opacity:0;transform:translateY(-10px)}20%,80%{opacity:1;transform:translateY(0)}}.ar-feedback.correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #28a745;animation:ar-feedback-bounce .5s ease-out}.ar-feedback.incorrect{background:linear-gradient(135deg,#f8d7da,#f1c2c7);border-left:4px solid #dc3545;animation:ar-feedback-shake .5s ease-out}@keyframes ar-feedback-bounce{0%{transform:translateY(20px);opacity:0}50%{transform:translateY(-5px);opacity:1}100%{transform:translateY(0);opacity:1}}@keyframes ar-feedback-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.ar-progress-bar{width:150px;height:6px}.ar-floating-emoji{font-size:24px}.ar-progress-text{font-size:12px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}body.ar-games-fullpage .ar-games-stats-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:24px;margin-top:8px}body.ar-games-fullpage .ar-games-stats{display:flex;flex-direction:column;gap:20px}body.ar-games-fullpage .ar-games-summary{display:flex;flex-wrap:wrap;gap:12px}body.ar-games-fullpage .ar-game-chip{flex:1 1 140px;background:#f9fafb;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}body.ar-games-fullpage .ar-chip-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}body.ar-games-fullpage .ar-chip-value{font-size:22px;font-weight:700;color:#1f2937}body.ar-games-fullpage .ar-games-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}body.ar-games-fullpage .ar-games-panel{background:#f9fafb;border-radius:10px;padding:16px}body.ar-games-fullpage .ar-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}body.ar-games-fullpage .ar-panel-header h4{margin:0;font-size:15px;color:#374151;font-weight:600}body.ar-games-fullpage .ar-sparkline svg{width:80px;height:28px}body.ar-games-fullpage .ar-sparkline polyline{fill:none;stroke:#818cf8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}body.ar-games-fullpage .ar-high-scores-grid{display:flex;flex-direction:column;gap:8px}body.ar-games-fullpage .ar-high-score-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:8px}body.ar-games-fullpage .ar-high-score-game{font-size:13px;color:#4b5563}body.ar-games-fullpage .ar-high-score-value{font-size:15px;font-weight:700;color:#133766}body.ar-games-fullpage .ar-high-score-placeholder,body.ar-games-fullpage .ar-recent-games-placeholder{text-align:center;padding:20px;color:#9ca3af}body.ar-games-fullpage .ar-placeholder-icon{font-size:28px;margin-bottom:6px}body.ar-games-fullpage .ar-placeholder-text{font-size:13px;font-weight:500}body.ar-games-fullpage .ar-placeholder-hint{font-size:12px;margin-top:4px}body.ar-games-fullpage .ar-recent-games-list{display:flex;flex-direction:column;gap:8px}body.ar-games-fullpage .ar-recent-game-item{background:#fff;border-radius:8px;padding:10px 12px}body.ar-games-fullpage .ar-recent-game-title{font-size:13px;font-weight:600;color:#374151;margin-bottom:4px}body.ar-games-fullpage .ar-recent-game-meta{display:flex;flex-wrap:wrap;gap:6px}body.ar-games-fullpage .ar-meta-pill{font-size:11px;background:#e5e7eb;color:#6b7280;padding:2px 8px;border-radius:10px}body.ar-games-fullpage .ar-section-header.ar-subsection h3{font-size:18px;color:#1f2937;font-weight:700;margin:0}@media (max-width:640px){body.ar-games-fullpage .ar-games-panels{grid-template-columns:1fr}body.ar-games-fullpage .ar-game-chip{flex:1 1 100%}}.ar-micro-tip--games{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:0 auto 16px;max-width:840px;background:linear-gradient(135deg,#eff6ff 0,#f0fdf4 100%);border:1px solid #bfdbfe;border-radius:8px;animation:arGTipIn .3s ease-out;font-family:Tajawal,sans-serif}@keyframes arGTipIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ar-micro-tip--games .ar-micro-tip__icon{flex-shrink:0;color:#2563eb;margin-top:2px}.ar-micro-tip--games .ar-micro-tip__content{flex:1;font-size:.85rem;line-height:1.6;color:#1f2937}.ar-micro-tip--games .ar-micro-tip__content strong{color:#133766}.ar-micro-tip--games .ar-micro-tip__dismiss{flex-shrink:0;background:0 0;border:none;cursor:pointer;padding:4px;color:#6b7280;border-radius:4px;line-height:1}.ar-micro-tip--games .ar-micro-tip__dismiss:hover{color:#ef4444;background:rgba(239,68,68,.1)}#ar-notification-container{position:fixed;top:20px;right:20px;z-index:99999;pointer-events:none}.ar-notification{background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;transform:translateX(100px);transition:all .3s ease;pointer-events:all;min-width:280px}.ar-notification.show{opacity:1;transform:translateX(0)}.ar-notification-success{border-left:4px solid #10b981}.ar-notification-levelup{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%)}.ar-notification-achievement{border-left:4px solid #133766;background:linear-gradient(135deg,#e8eef6 0,#d1dce8 100%)}.ar-achievement-notification,.ar-levelup-notification,.ar-xp-notification{display:flex;align-items:center;gap:12px}.ar-achievement-icon,.ar-levelup-icon,.ar-xp-icon{font-size:32px}.ar-achievement-text strong,.ar-levelup-text strong,.ar-xp-text strong{display:block;font-size:16px;margin-bottom:4px}#ar-xp-widget{position:fixed;bottom:20px;right:20px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;min-width:200px}.ar-xp-widget-content{display:flex;align-items:center;gap:12px}.ar-xp-widget-level{display:flex;flex-direction:column;align-items:center;gap:4px}.ar-xp-widget-icon{font-size:24px}.ar-xp-widget-level-num{font-size:12px;font-weight:600;color:#133766}.ar-xp-widget-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.ar-xp-widget-fill{height:100%;background:linear-gradient(90deg,#f97316,#ea580c);transition:width .5s ease}.ar-xp-widget-text{font-size:11px;color:#6b7280;white-space:nowrap}.ar-stats-dashboard-container{max-width:1200px;margin:0 auto;padding:20px}.ar-stats-header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;margin-bottom:30px}.ar-user-level-card{background:linear-gradient(135deg,#0d2748,#133766,#1a4a8a);color:#fff;padding:24px;border-radius:12px;display:flex;align-items:center;gap:16px}.ar-level-icon{font-size:48px}.ar-level-info h2{margin:0 0 4px 0;font-size:24px}.ar-level-number{margin:0;opacity:.9;font-size:14px}.ar-xp-progress-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ar-xp-info{display:flex;justify-content:space-between;margin-bottom:12px}.ar-xp-label{color:#6b7280;font-size:14px}.ar-xp-value{font-weight:600;color:#f97316;font-size:18px}.ar-xp-progress-bar{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:8px}.ar-xp-progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#ea580c);transition:width .5s ease}.ar-xp-next{margin:0;font-size:13px;color:#6b7280}.ar-streak-card{background:linear-gradient(135deg,#f59e0b 0,#ef4444 100%);color:#fff;padding:24px;border-radius:12px;text-align:center;min-width:160px}.ar-streak-icon{font-size:36px;margin-bottom:8px}.ar-streak-info h3{margin:0;font-size:36px}.ar-streak-info p{margin:4px 0 0 0;opacity:.9}.ar-streak-best{margin-top:8px;opacity:.8}.ar-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.ar-stat-box{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;gap:16px}.ar-stat-icon{font-size:32px}.ar-stat-content h4{margin:0 0 4px 0;font-size:28px;font-weight:700;color:#111827}.ar-stat-content p{margin:0;font-size:14px;color:#6b7280}.ar-achievements-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:30px}.ar-achievements-section h2{margin:0 0 20px 0}.ar-achievement-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.ar-tab-btn{padding:8px 16px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.ar-tab-btn:hover{background:#e5e7eb}.ar-tab-btn.active{background:#133766;color:#fff}.ar-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.ar-achievement-card{background:#f9fafb;padding:20px;border-radius:10px;text-align:center;transition:all .3s;position:relative}.ar-achievement-card.unlocked{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);box-shadow:0 4px 12px rgba(245,158,11,.3)}.ar-achievement-card.locked{opacity:.5;filter:grayscale(100%)}.ar-achievement-icon{font-size:48px;margin-bottom:12px}.ar-achievement-card h4{margin:0 0 8px 0;font-size:16px}.ar-achievement-card p{margin:0 0 12px 0;font-size:13px;color:#6b7280}.ar-achievement-reward{display:inline-block;padding:4px 12px;background:rgba(19,55,102,.1);border-radius:12px;font-size:12px;font-weight:600;color:#133766}.ar-achievement-unlocked{position:absolute;top:10px;right:10px;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.ar-leaderboard-preview{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ar-leaderboard-preview h2{margin:0 0 20px 0}.ar-leaderboard-tabs{display:flex;gap:8px;margin-bottom:20px}.ar-leaderboard-tab{padding:8px 16px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.ar-leaderboard-tab:hover{background:#e5e7eb}.ar-leaderboard-tab.active{background:#133766;color:#fff}.ar-leaderboard-table{border-radius:8px;overflow:hidden}.ar-leaderboard-row{display:grid;grid-template-columns:60px 1fr auto auto;align-items:center;padding:16px;background:#f9fafb;gap:16px;border-bottom:1px solid #e5e7eb}.ar-leaderboard-row:last-child{border-bottom:none}.ar-leaderboard-row.current-user{background:#eff6ff;border-left:4px solid #133766}.ar-rank{font-size:24px;font-weight:700;color:#133766;text-align:center}.ar-player-name{font-weight:600;font-size:16px}.ar-player-xp{font-size:14px;color:#6b7280;font-weight:600}.ar-player-games{font-size:13px;color:#9ca3af}.ar-speed-timer{position:absolute;top:15px;right:120px;background:#10b981;color:#fff;padding:8px 16px;border-radius:8px;font-size:20px;font-weight:700;z-index:999;box-shadow:0 4px 12px rgba(16,185,129,.3);display:flex;align-items:center;gap:6px}.ar-speed-timer::before{content:'⚡';font-size:18px}.ar-timer-warning{background:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.ar-memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;max-width:800px;margin:0 auto;min-height:400px}.ar-memory-card{aspect-ratio:3/4;min-height:120px;height:150px;perspective:1000px;cursor:pointer;position:relative}.ar-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.ar-memory-card.flipped .ar-card-inner,.ar-memory-card.matched .ar-card-inner{transform:rotateY(180deg)}.ar-card-back,.ar-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;padding:12px;text-align:center}.ar-card-front{background:linear-gradient(135deg,#0d2748,#133766,#1a4a8a);color:#fff;font-size:48px}.ar-card-back{background:#fff;border:2px solid #e5e7eb;transform:rotateY(180deg);color:#111827}.ar-memory-card.matched .ar-card-back{background:#d1fae5;border-color:#10b981}.ar-moves-counter{text-align:center;font-size:18px;margin-bottom:20px;font-weight:600}@media (max-width:768px){.ar-stats-header{grid-template-columns:1fr}.ar-quick-stats{grid-template-columns:repeat(2,1fr)}.ar-achievements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ar-memory-board{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width:480px){.ar-quick-stats{grid-template-columns:1fr}#ar-xp-widget{bottom:10px;right:10px;left:10px;min-width:auto}.ar-memory-board{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.vl-container{max-width:1200px;margin:0 auto;padding:20px;position:relative}.vl-sound-toggle{position:fixed;top:20px;right:20px;background:#4caf50;color:#fff;border:none;border-radius:50%;width:60px;height:60px;font-size:28px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.vl-sound-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.3)}.vl-sound-toggle:active{transform:scale(.95)}.vl-mode-selection{text-align:center;padding:40px 20px}.vl-mode-selection h2{font-size:2em;margin-bottom:10px;color:#2c3e50}.vl-heading-en{display:block;font-size:.9em;letter-spacing:.05em;text-transform:uppercase;color:#4caf50}.vl-heading-ar{display:block;font-weight:700;color:#1f2937}.vl-lead{margin-top:8px;color:#4b5563;font-size:1em}@media (max-width:768px){.vl-mode-selection h2{font-size:1.6em}}@media (max-width:480px){.vl-mode-selection h2{font-size:1.4em}}.vl-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:40px 0}.vl-mode-btn.vl-mode-locked{position:relative;opacity:.7;cursor:not-allowed}.vl-mode-btn.vl-mode-locked::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.3) 100%);border-radius:inherit}.vl-pro-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#0d2748,#133766,#1a4a8a);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.vl-mode-btn{background:linear-gradient(180deg,#fff 0,#f9fbff 100%);border:2px solid #e0e0e0;border-radius:12px;position:relative;padding:30px 20px;cursor:pointer;transition:all .3s ease;text-align:center}.vl-mode-btn:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1);border-color:#4caf50}.vl-mode-btn svg{margin-bottom:15px;color:#4caf50}.vl-mode-btn h3{font-size:1.5em;margin:10px 0;color:#2c3e50}.vl-mode-btn h3 span{display:block}.vl-mode-btn .vl-label-en{font-size:.9em;letter-spacing:.05em;text-transform:uppercase;color:#4caf50}.vl-mode-btn .vl-label-ar{font-size:1.15em;color:#111827}.vl-mode-btn p{color:#666;font-size:.9em}.vl-back-btn{background:#fff;border:1px solid #d0d7de;padding:12px 24px;border-radius:10px;cursor:pointer;margin-top:20px;font-size:1em;color:#1f2937;box-shadow:0 4px 10px rgba(0,0,0,.06);display:inline-flex;align-items:center;gap:8px}.vl-back-btn:hover{background:#f5f7ff;border-color:#4caf50}.vl-student-interface,.vl-teacher-interface{padding:20px}.vl-create-room-section{text-align:center;padding:40px;background:#f9f9f9;border-radius:12px;margin:20px 0}.vl-create-room-btn,.vl-end-game-btn,.vl-join-room-btn,.vl-next-question-btn,.vl-start-game-btn{background:#4caf50;color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.1em;cursor:pointer;transition:all .3s ease;min-height:60px;min-width:150px}@media (max-width:768px){.vl-create-room-btn,.vl-end-game-btn,.vl-join-room-btn,.vl-next-question-btn,.vl-start-game-btn{font-size:1em;padding:18px 25px;min-height:65px;width:100%}}@media (max-width:480px){.vl-create-room-btn,.vl-end-game-btn,.vl-join-room-btn,.vl-next-question-btn,.vl-start-game-btn{font-size:.95em;padding:20px;min-height:70px}}.vl-create-room-btn:hover,.vl-join-room-btn:hover,.vl-next-question-btn:hover,.vl-start-game-btn:hover{background:#45a049;transform:scale(1.05)}.vl-end-game-btn{background:#f44336}.vl-end-game-btn:hover{background:#da190b}.vl-room-info{background:#fff;border:2px solid #4caf50;border-radius:12px;padding:30px;margin:20px 0}.vl-pin-display{text-align:center;margin-bottom:30px}.vl-pin{font-size:3em;font-weight:700;color:#4caf50;letter-spacing:10px;padding:20px;background:#f0f9f0;border-radius:12px;margin:15px 0}@media (max-width:768px){.vl-pin{font-size:2.5em;letter-spacing:8px;padding:18px}}@media (max-width:480px){.vl-pin{font-size:2em;letter-spacing:6px;padding:15px}}.vl-help-text{color:#666;font-size:.9em;margin-top:10px}.vl-students-list{margin:20px 0}.vl-students-list h3{color:#2c3e50;margin-bottom:15px}.vl-students{list-style:none;padding:0}.vl-students li{background:#f9f9f9;padding:12px;margin:8px 0;border-radius:8px;border-left:4px solid #4caf50}.vl-game-config{margin-top:30px}.vl-option-group{margin:20px 0}.vl-option-group label{display:block;font-weight:700;margin-bottom:8px;color:#2c3e50}.vl-question-count{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em}.vl-game-control{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:20px 0}.vl-current-question{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:30px}.vl-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.vl-question-number{font-size:1.2em;font-weight:700;color:#4caf50}.vl-timer{font-size:1.1em;color:#666}.vl-question-text{font-size:2em;font-weight:700;color:#2c3e50;text-align:center;margin:30px 0;padding:20px;background:#f9f9f9;border-radius:8px;line-height:1.4}@media (max-width:768px){.vl-question-text{font-size:1.5em;padding:18px;margin:20px 0}}@media (max-width:480px){.vl-question-text{font-size:1.3em;padding:15px;margin:15px 0}}.vl-question-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.vl-option{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center;font-size:1.1em;color:#2c3e50;min-height:70px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.vl-option{font-size:1em;padding:18px;min-height:75px}}@media (max-width:480px){.vl-option{font-size:.95em;padding:16px;min-height:80px}}.vl-answer-stats{text-align:center;margin-top:20px;color:#666}.vl-final-leaderboard,.vl-live-leaderboard{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px}.vl-final-leaderboard h3,.vl-live-leaderboard h3{margin-bottom:15px;color:#2c3e50}.vl-final-standings,.vl-leaderboard{list-style:none;padding:0}.vl-final-standings li,.vl-leaderboard li{background:#f9f9f9;padding:15px;margin:8px 0;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.vl-leaderboard li:first-child{background:linear-gradient(135deg,gold 0,orange 100%);color:#fff}.vl-leaderboard li:nth-child(2){background:linear-gradient(135deg,silver 0,grey 100%);color:#fff}.vl-leaderboard li:nth-child(3){background:linear-gradient(135deg,#cd7f32 0,#8b4513 100%);color:#fff}.rank{font-weight:700;margin-right:10px}.vl-controls{display:flex;gap:15px;justify-content:center;margin-top:30px}.vl-join-section{max-width:500px;margin:40px auto;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:40px}.vl-form-group{margin:20px 0}.vl-form-group label{display:block;font-weight:700;margin-bottom:8px;color:#2c3e50}.vl-room-pin,.vl-student-name{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1em;box-sizing:border-box}.vl-room-pin{text-align:center;font-size:2em;letter-spacing:5px;font-weight:700}.vl-error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-top:15px;text-align:center}.vl-waiting-room{text-align:center;padding:60px 20px}.vl-spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 30px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.vl-student-info{font-size:1.2em;color:#4caf50;margin-top:20px}.vl-student-game{max-width:800px;margin:0 auto}.vl-student-question{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:30px;margin-bottom:20px}.vl-student-score{font-size:1.2em;font-weight:700;color:#4caf50}.vl-student-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.vl-answer-option{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;padding:20px;font-size:1.1em;cursor:pointer;transition:all .3s ease;color:#2c3e50;min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center}@media (max-width:768px){.vl-answer-option{font-size:1em;padding:18px;min-height:75px}}@media (max-width:480px){.vl-answer-option{font-size:.95em;padding:16px;min-height:80px}}.vl-answer-option:hover:not(.disabled){background:#e8f5e9;border-color:#4caf50;transform:scale(1.05)}.vl-answer-option.disabled{cursor:not-allowed;opacity:.6}.vl-answer-option.correct{background:#4caf50;color:#fff;border-color:#4caf50}.vl-answer-option.incorrect{background:#f44336;color:#fff;border-color:#f44336}.vl-answer-feedback{text-align:center;padding:15px;border-radius:8px;font-size:1.2em;font-weight:700;margin-top:20px}.vl-answer-feedback.correct{background:#e8f5e9;color:#2e7d32}.vl-answer-feedback.incorrect{background:#ffebee;color:#c62828}.vl-student-leaderboard{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center}.vl-my-rank{font-size:1.5em;font-weight:700;color:#4caf50;margin-top:10px}.vl-final-report,.vl-student-final{text-align:center;padding:40px}.vl-final-report h2,.vl-student-final h2{font-size:2.5em;color:#2c3e50;margin-bottom:30px}.vl-final-score{background:#fff;border:2px solid #4caf50;border-radius:12px;padding:40px;margin:30px 0}.vl-score-display{font-size:3em;font-weight:700;color:#4caf50;margin:20px 0}.vl-rank-display{font-size:1.5em;color:#666}.vl-fill-blank-prompt{margin-bottom:20px}.vl-fill-blank-prompt .vl-sentence{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:10px;padding:15px;background:#e3f2fd;border-radius:8px;border-right:4px solid #2196f3;direction:rtl;text-align:right}.vl-fill-blank-prompt .vl-translation{font-size:16px;color:#666;font-style:italic;margin-top:8px;text-align:center}.vl-ordering-prompt{margin-bottom:20px}.vl-ordering-prompt .vl-prompt-label{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:12px;text-align:center}.vl-ordering-prompt .vl-translation{font-size:18px;color:#555;padding:15px;background:#fff8e1;border-radius:8px;border-right:4px solid #ffc107;margin-top:8px;text-align:center}@media (max-width:768px){.vl-container{padding:15px}.vl-sound-toggle{top:15px;right:15px;width:55px;height:55px;font-size:24px}.vl-game-control{grid-template-columns:1fr}.vl-question-options,.vl-student-options{grid-template-columns:1fr;gap:12px}.vl-modes{grid-template-columns:1fr;gap:15px}.vl-mode-btn{padding:25px 18px}.vl-current-question,.vl-student-question{padding:20px}.vl-question-header{flex-direction:column;gap:10px;align-items:flex-start}.vl-timer{font-size:1.3em;width:100%;text-align:center;background:#fff3cd;padding:10px;border-radius:6px}.vl-final-standings li,.vl-leaderboard li{flex-direction:column;text-align:center;gap:8px}.vl-controls{flex-direction:column;gap:12px}.vl-room-info{padding:20px}}@media (max-width:480px){.vl-container{padding:10px}.vl-sound-toggle{top:10px;right:10px;width:50px;height:50px;font-size:22px}.vl-mode-selection{padding:20px 10px}.vl-mode-btn h3{font-size:1.3em}.vl-mode-btn p{font-size:.85em}.vl-current-question,.vl-student-question{padding:15px}.vl-question-number{font-size:1em}.vl-timer{font-size:1.1em}.vl-room-pin,.vl-student-name{font-size:1em;padding:12px}.vl-room-pin{font-size:1.6em;letter-spacing:4px}.vl-join-section{padding:25px 20px}.vl-student-score{font-size:1em}.vl-my-rank{font-size:1.3em}.vl-score-display{font-size:2.5em}.vl-rank-display{font-size:1.3em}.vl-back-btn{padding:15px 20px;font-size:.95em;min-height:60px;width:100%}.vl-question-options,.vl-student-options{gap:10px}}@media (max-width:768px) and (orientation:landscape){.vl-question-text{font-size:1.3em;padding:12px;margin:12px 0}.vl-answer-option,.vl-option{min-height:60px;padding:12px}.vl-current-question,.vl-student-question{padding:15px}}