:root{--surface-0: #1a1a1a;--surface-1: #1e1e1e;--surface-2: #2a2a2a;--surface-3: #363636;--game-area-background: #181818;--primary: #e53935;--secondary: #ef5350;--danger: #D0021B;--warning: #F5A623;--success: #7ED321;--support: #4caf50;--prestige: #FF9800;--gem: #03A9F4;--experience: #03A9F4;--experience-all-time: #03A9F4;--experience-blitz: #F1C40F;--experience-precision: #E74C3C;--experience-zen: #7ED321;--experience-survival: #9C27B0;--challenge-daily: #4CAF50;--challenge-weekly: #e53935;--reward-daily: #2196F3;--timer-gradient-start: #e53935;--timer-gradient-end: #4CAF50;--game-card-bg: var(--surface-2);--game-card-border: var(--surface-3);--game-card-beam: #ccb011;--answer-correct: #4CAF50;--answer-wrong: #E53935;--answer-correct-glow: rgba(76, 175, 80, .5);--answer-wrong-glow: rgba(229, 57, 53, .5);--bronze: #CD7F32;--silver: #C0C0C0;--gold: #FFD700;--disabled: #4a4a4a;--text-primary: #FFFFFF;--text-secondary: #E0E0E0;--text-muted: #A0A0A0;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 12px;--radius-round: 50%;--radius-scale: 5px;--shadow-sm: 0 2px 4px rgba(0,0,0,.2);--shadow-md: 0 4px 8px rgba(0,0,0,.3);--shadow-lg: 0 10px 20px rgba(0,0,0,.4);--shadow-glow: 0 0 15px;--shadow-glow-sm: 0 0 8px;--shadow-glow-lg: 0 0 20px;--ui-slider-track: #333333;--ui-slider-fill: #007bff;--ui-star-gold: #ffc107;--ui-border-thin: 1px;--ui-border-thick: 2px;--task-daily-primary: #2ecc71;--task-daily-secondary: #27ae60;--task-weekly-primary: #e74c3c;--task-weekly-secondary: #c0392b;--task-blue-primary: #3498db;--task-blue-secondary: #2980b9;--task-daily-primary-rgb: 46, 204, 113;--task-daily-secondary-rgb: 39, 174, 96;--task-weekly-primary-rgb: 231, 76, 60;--task-weekly-secondary-rgb: 192, 57, 43;--task-blue-primary-rgb: 52, 152, 219;--task-blue-secondary-rgb: 41, 128, 185;--particle-orange: #f39c12;--particle-red: #e74c3c;--particle-blue: #3498db;--particle-green: #2ecc71;--particle-purple: #9b59b6;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-xxl: 20px;--spacing-gutter: 1.5rem;--transform-shake-sm: 3px;--transform-shake-md: 5px;--transform-lift-sm: -2px;--transform-lift-lg: -10px;--transform-scale-hover: 1.02;--transform-scale-active: 1.2;--grid-item-min: 160px;--grid-item-card: 95px;--grid-item-height: 110px;--grid-item-height-lg: 120px;--backdrop-blur-sm: blur(5px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(10px);--opacity-disabled: .5;--opacity-hover: .8;--opacity-muted: .9;--opacity-overlay: .4;--border-width-thin: 1px;--border-width-thick: 2px;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .6s ease-in-out}body{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}.units-duel-game-page{position:relative;min-height:100vh;color:var(--text-primary);background:var(--main-bg-primary)}.game-title-container{text-align:center;margin:2rem 0 1rem}.game-title{font-size:1.65rem;color:var(--primary);margin:5rem 0 0}.game-title .fa-khanda{margin-right:.75rem}.game-subtitle{font-size:1.1rem;color:var(--text-muted);margin-top:.25rem}.game-card.correct-answer{border:var(--border-width-thick) solid var(--answer-correct)!important;box-shadow:var(--shadow-glow) var(--answer-correct-glow)!important;animation:pulse-correct var(--transition-slow)}.game-card.wrong{border:var(--border-width-thick) solid var(--answer-wrong)!important;box-shadow:var(--shadow-glow) var(--answer-wrong-glow)!important;animation:shake-wrong var(--transition-slow)}@keyframes pulse-correct{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake-wrong{0%,to{transform:translate(0)}25%{transform:translate(calc(-1 * var(--transform-shake-md)))}75%{transform:translate(var(--transform-shake-md))}}.cards-beam-container.tilt-left_greater{transform:rotate(-3deg);transition:transform .4s ease}.cards-beam-container.tilt-right_greater{transform:rotate(3deg);transition:transform .4s ease}.cards-beam-container.tilt-equal{transform:rotate(0);transition:transform .4s ease}.duel-game-hud-container.shake{animation:hud-shake .5s ease-in-out}@keyframes hud-shake{0%,to{transform:translate(0)}25%{transform:translate(calc(-1 * var(--transform-shake-sm)))}75%{transform:translate(var(--transform-shake-sm))}}.units-duel-game{display:flex;flex-direction:column;height:100%;width:100%;background:var(--main-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.game-hud-zone{flex:0 0 15%;padding:1rem;display:flex;align-items:center;justify-content:center}.game-action-zone{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.game-input-zone{height:20%;display:flex;align-items:center;justify-content:center;user-select:none;background:var(--main-bg-secondary);cursor:pointer}.swipe-indicator{color:var(--text-secondary);font-style:italic}.sections-container{display:flex;flex-direction:column;gap:0}[data-theme=light]{--surface-0: #ffffff;--surface-1: #f5f5f5;--surface-2: #e0e0e0;--surface-3: #bdbdbd;--game-area-background: #fafafa;--primary: #e53935;--secondary: #ef5350;--danger: #D0021B;--warning: #F5A623;--success: #7ED321;--support: #4caf50;--prestige: #FF9800;--gem: #03A9F4;--experience: #03A9F4;--experience-all-time: #03A9F4;--experience-blitz: #F1C40F;--experience-precision: #E74C3C;--experience-zen: #7ED321;--experience-survival: #9C27B0;--challenge-daily: #4CAF50;--challenge-weekly: #e53935;--reward-daily: #2196F3;--timer-gradient-start: #e53935;--timer-gradient-end: #4CAF50;--game-card-bg: var(--surface-1);--game-card-border: var(--surface-2);--game-card-beam: #ccb011;--answer-correct: #4CAF50;--answer-wrong: #E53935;--answer-correct-glow: rgba(76, 175, 80, .3);--answer-wrong-glow: rgba(229, 57, 53, .3);--bronze: #CD7F32;--silver: #C0C0C0;--gold: #FFD700;--disabled: #9CA3AF;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6B7280;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--primary-glow: rgba(33, 150, 243, .5);--secondary-glow: rgba(63, 81, 181, .5);--gold-glow: rgba(255, 193, 7, .5);--silver-glow: rgba(158, 158, 158, .5);--bronze-glow: rgba(121, 85, 72, .5);--success-glow: rgba(76, 175, 80, .5);--danger-glow: rgba(244, 67, 54, .5);--warning-glow: rgba(255, 152, 0, .5);--gem-glow: rgba(33, 150, 243, .5);--shadow-glow: 0 0 12px;--shadow-glow-sm: 0 0 6px;--shadow-glow-lg: 0 0 20px;--ui-slider-track: #E5E7EB;--ui-slider-fill: #007bff;--ui-star-gold: #ffc107;--task-daily-primary: #2ecc71;--task-daily-secondary: #27ae60;--task-weekly-primary: #e74c3c;--task-weekly-secondary: #c0392b;--task-blue-primary: #3498db;--task-blue-secondary: #2980b9;--particle-orange: #f39c12;--particle-red: #e74c3c;--particle-blue: #3498db;--particle-green: #2ecc71;--particle-purple: #9b59b6}[data-theme=light] body{background-color:var(--background);color:var(--text-primary)}[data-theme=light] .units-duel-game-page{background:var(--background);color:var(--text-primary)}[data-theme=light] .player-status-bar{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-sm)}[data-theme=light] .game-content-container{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-md);color:var(--text-primary)}[data-theme=light] .duel-game-hud-container{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-md)}[data-theme=light] .duel-top-hud,[data-theme=light] .duel-bottom-hud{background-color:var(--surface-0);border-color:var(--surface-2);color:var(--text-primary)}[data-theme=light] .game-card{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-sm);color:var(--text-primary)}[data-theme=light] .game-card:hover{box-shadow:var(--shadow-md);border-color:var(--surface-3)}[data-theme=light] .achievement-item{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-sm)}[data-theme=light] .achievement-item.completed{background-color:var(--surface-0)}[data-theme=light] .progress-bar-container,[data-theme=light] .xp-progress-bar{background-color:var(--surface-2)}[data-theme=light] .modal-overlay{background-color:#0006}[data-theme=light] .modal-content{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-lg);color:var(--text-primary)}[data-theme=light] .store-item{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-sm)}[data-theme=light] .store-item:hover{box-shadow:var(--shadow-md)}[data-theme=light] .store-item.owned{background-color:var(--surface-0)}[data-theme=light] .task-item{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-sm)}[data-theme=light] .reward-item,[data-theme=light] .settings-section{background-color:var(--surface-1);border:1px solid var(--surface-2)}[data-theme=light] .player-profile-container{background-color:var(--surface-1);border:1px solid var(--surface-2);box-shadow:var(--shadow-md)}[data-theme=light] .btn-primary{background-color:var(--primary);border-color:var(--primary);color:#fff}[data-theme=light] .btn-secondary{background-color:var(--surface-2);border-color:var(--surface-3);color:var(--text-primary)}[data-theme=light] .btn-secondary:hover{background-color:var(--surface-3)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background-color:var(--surface-1);border:1px solid var(--surface-2);color:var(--text-primary)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e539351a}[data-theme=light] .balance-scale-container{background-color:var(--surface-0)}[data-theme=light] .scale-beam{background-color:var(--game-card-beam);box-shadow:var(--shadow-sm)}[data-theme=light] .combo-effect{color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.1)}[data-theme=light] ::-webkit-scrollbar{background-color:var(--surface-1)}[data-theme=light] ::-webkit-scrollbar-track{background-color:var(--surface-0)}[data-theme=light] ::-webkit-scrollbar-thumb{background-color:var(--surface-3)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.theme-ocean{--surface-0: #0a1929;--surface-1: #1a2332;--surface-2: #2a4158;--surface-3: #3d5a79;--game-area-background: #051319;--timer-gradient-start: #0ea5e9;--timer-gradient-end: #0284c7;--game-card-bg: var(--surface-1);--game-card-border: #06d6a0;--game-card-beam: #20e3b2;--primary: #0ea5e9;--secondary: #0284c7;--danger: #dc2626;--warning: #f59e0b;--success: #06d6a0;--support: #06d6a0;--prestige: #20e3b2;--gem: #0ea5e9;--experience: #0ea5e9;--experience-all-time: #0ea5e9;--experience-blitz: #06d6a0;--experience-precision: #dc2626;--experience-zen: #20e3b2;--experience-survival: #1e40af;--challenge-daily: #20e3b2;--challenge-weekly: #0ea5e9;--reward-daily: #06d6a0;--answer-correct: #06d6a0;--answer-wrong: #dc2626;--answer-correct-glow: rgba(6, 214, 160, .6);--answer-wrong-glow: rgba(220, 38, 38, .5);--bronze: #cd7f32;--silver: #c0c0c0;--gold: #ffd700;--disabled: #546e7a;--text-primary: #f0fdfa;--text-secondary: #ccfbf1;--text-muted: #99f6e4;--shadow-sm: 0 2px 4px rgba(14, 165, 233, .3);--shadow-md: 0 4px 8px rgba(14, 165, 233, .4);--shadow-lg: 0 10px 20px rgba(14, 165, 233, .5);--ui-slider-track: #374151;--ui-slider-fill: #0ea5e9;--ui-star-gold: #fbbf24;--task-daily-primary: #20e3b2;--task-daily-secondary: #06d6a0;--task-weekly-primary: #0ea5e9;--task-weekly-secondary: #0284c7;--task-blue-primary: #0ea5e9;--task-blue-secondary: #0284c7;--particle-orange: #f59e0b;--particle-red: #dc2626;--particle-blue: #0ea5e9;--particle-green: #06d6a0;--particle-purple: #9333ea;--primary-glow: rgba(14, 165, 233, .7);--secondary-glow: rgba(2, 132, 199, .6);--gold-glow: rgba(251, 191, 36, .6);--silver-glow: rgba(156, 163, 175, .5);--bronze-glow: rgba(154, 52, 18, .6);--success-glow: rgba(6, 214, 160, .7);--danger-glow: rgba(220, 38, 38, .5);--warning-glow: rgba(245, 158, 11, .6);--gem-glow: rgba(14, 165, 233, .7);--shadow-glow: 0 0 16px;--shadow-glow-sm: 0 0 10px;--shadow-glow-lg: 0 0 24px}.theme-ocean body,.theme-ocean .units-duel-game-page{background:linear-gradient(135deg,var(--background) 0%,#0d1b2a 100%)}.theme-ocean .game-card:hover{box-shadow:0 4px 12px #00bcd44d;border-color:var(--primary)}.theme-ocean .player-status-bar{background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-0) 100%);border:1px solid var(--surface-2);box-shadow:0 2px 8px #00bcd433}.theme-ocean .duel-game-hud-container{background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-0) 100%);border:1px solid var(--surface-2);box-shadow:0 4px 12px #00bcd433}.theme-sunset{--surface-0: #1a0d1a;--surface-1: #2d1b2d;--surface-2: #4a2f4a;--surface-3: #664266;--game-area-background: #0f080f;--timer-gradient-start: #f97316;--timer-gradient-end: #ea580c;--game-card-bg: var(--surface-1);--game-card-border: #7c3aed;--game-card-beam: #a855f7;--primary: #f97316;--secondary: #ea580c;--danger: #dc2626;--warning: #f59e0b;--success: #10b981;--support: #7c3aed;--prestige: #a855f7;--gem: #f97316;--experience: #f97316;--experience-all-time: #f97316;--experience-blitz: #a855f7;--experience-precision: #dc2626;--experience-zen: #10b981;--experience-survival: #581c87;--challenge-daily: #10b981;--challenge-weekly: #f97316;--reward-daily: #a855f7;--answer-correct: #10b981;--answer-wrong: #dc2626;--answer-correct-glow: rgba(16, 185, 129, .6);--answer-wrong-glow: rgba(220, 38, 38, .5);--bronze: #cd7f32;--silver: #c0c0c0;--gold: #fbbf24;--disabled: #581c87;--text-primary: #fef3c7;--text-secondary: #fed7aa;--text-muted: #fdba74;--shadow-sm: 0 2px 4px rgba(249, 115, 22, .3);--shadow-md: 0 4px 8px rgba(249, 115, 22, .4);--shadow-lg: 0 10px 20px rgba(249, 115, 22, .5);--ui-slider-track: #581c87;--ui-slider-fill: #f97316;--ui-star-gold: #fbbf24;--task-daily-primary: #10b981;--task-daily-secondary: #059669;--task-weekly-primary: #f97316;--task-weekly-secondary: #ea580c;--task-blue-primary: #a855f7;--task-blue-secondary: #7c3aed;--particle-orange: #f97316;--particle-red: #dc2626;--particle-blue: #a855f7;--particle-green: #10b981;--particle-purple: #7c3aed;--primary-glow: rgba(249, 115, 22, .7);--secondary-glow: rgba(234, 88, 12, .6);--gold-glow: rgba(251, 191, 36, .6);--silver-glow: rgba(156, 163, 175, .5);--bronze-glow: rgba(154, 52, 18, .6);--success-glow: rgba(16, 185, 129, .6);--danger-glow: rgba(220, 38, 38, .5);--warning-glow: rgba(245, 158, 11, .6);--gem-glow: rgba(249, 115, 22, .7);--shadow-glow: 0 0 16px;--shadow-glow-sm: 0 0 10px;--shadow-glow-lg: 0 0 24px}.theme-sunset body,.theme-sunset .units-duel-game-page{background:linear-gradient(135deg,var(--background) 0%,#1a0e08 100%)}.theme-sunset .game-card:hover{box-shadow:0 4px 12px #ff70434d;border-color:var(--primary)}.theme-sunset .player-status-bar{background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-0) 100%);border:1px solid var(--surface-2);box-shadow:0 2px 8px #ff704333}.theme-sunset .duel-game-hud-container{background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-0) 100%);border:1px solid var(--surface-2);box-shadow:0 4px 12px #ff704333}.theme-forest{--surface-0: #0f1a0f;--surface-1: #1a2e1a;--surface-2: #2d4a2d;--surface-3: #4a6b4a;--game-area-background: #0a120a;--timer-gradient-start: #22c55e;--timer-gradient-end: #16a34a;--game-card-bg: var(--surface-1);--game-card-border: #f97316;--game-card-beam: #fb923c;--primary: #22c55e;--secondary: #16a34a;--danger: #dc2626;--warning: #f97316;--success: #10b981;--support: #f97316;--prestige: #fb923c;--gem: #22c55e;--experience: #22c55e;--experience-all-time: #22c55e;--experience-blitz: #f97316;--experience-precision: #dc2626;--experience-zen: #10b981;--experience-survival: #7c2d12;--challenge-daily: #10b981;--challenge-weekly: #22c55e;--reward-daily: #fb923c;--answer-correct: #22c55e;--answer-wrong: #dc2626;--answer-correct-glow: rgba(34, 197, 94, .6);--answer-wrong-glow: rgba(220, 38, 38, .5);--text-primary: #f0fdf4;--text-secondary: #dcfce7;--text-muted: #bbf7d0;--shadow-sm: 0 2px 4px rgba(34, 197, 94, .3);--shadow-md: 0 4px 8px rgba(34, 197, 94, .4);--shadow-lg: 0 10px 20px rgba(34, 197, 94, .5);--primary-glow: rgba(34, 197, 94, .7);--secondary-glow: rgba(22, 163, 74, .6);--gold-glow: rgba(249, 115, 22, .6);--silver-glow: rgba(156, 163, 175, .5);--bronze-glow: rgba(154, 52, 18, .6);--success-glow: rgba(16, 185, 129, .6);--danger-glow: rgba(220, 38, 38, .5);--warning-glow: rgba(249, 115, 22, .6);--gem-glow: rgba(34, 197, 94, .7);--shadow-glow: 0 0 16px;--shadow-glow-sm: 0 0 10px;--shadow-glow-lg: 0 0 24px}.theme-forest body,.theme-forest .units-duel-game-page{background:linear-gradient(135deg,var(--background) 0%,#0f1a0f 100%)}.theme-midnight{--surface-0: #0f172a;--surface-1: #1e293b;--surface-2: #334155;--surface-3: #475569;--game-area-background: #020617;--timer-gradient-start: #3b82f6;--timer-gradient-end: #1d4ed8;--game-card-bg: var(--surface-1);--game-card-border: #06b6d4;--game-card-beam: #0ea5e9;--primary: #3b82f6;--secondary: #1d4ed8;--danger: #dc2626;--warning: #f59e0b;--success: #10b981;--support: #06b6d4;--prestige: #0ea5e9;--gem: #3b82f6;--experience: #3b82f6;--experience-all-time: #3b82f6;--experience-blitz: #06b6d4;--experience-precision: #dc2626;--experience-zen: #10b981;--experience-survival: #0c4a6e;--challenge-daily: #10b981;--challenge-weekly: #3b82f6;--reward-daily: #0ea5e9;--answer-correct: #10b981;--answer-wrong: #dc2626;--answer-correct-glow: rgba(16, 185, 129, .6);--answer-wrong-glow: rgba(220, 38, 38, .5);--bronze: #cd7f32;--silver: #e2e8f0;--gold: #fbbf24;--disabled: #374151;--text-primary: #f0f9ff;--text-secondary: #e0f2fe;--text-muted: #bae6fd;--shadow-sm: 0 2px 4px rgba(59, 130, 246, .4);--shadow-md: 0 4px 8px rgba(59, 130, 246, .5);--shadow-lg: 0 10px 20px rgba(59, 130, 246, .6);--primary-glow: rgba(59, 130, 246, .8);--secondary-glow: rgba(29, 78, 216, .7);--gold-glow: rgba(251, 191, 36, .6);--silver-glow: rgba(226, 232, 240, .6);--bronze-glow: rgba(154, 52, 18, .6);--success-glow: rgba(16, 185, 129, .6);--danger-glow: rgba(220, 38, 38, .5);--warning-glow: rgba(245, 158, 11, .6);--gem-glow: rgba(59, 130, 246, .8);--shadow-glow: 0 0 18px;--shadow-glow-sm: 0 0 12px;--shadow-glow-lg: 0 0 26px}.theme-midnight body,.theme-midnight .units-duel-game-page{background:linear-gradient(135deg,var(--background) 0%,#060a14 100%)}