.variant-learning{--theme-primary: #667eea;--theme-secondary: #764ba2;--theme-accent: #f093fb;--theme-background: #ffffff;--theme-surface: #f8fafc;--theme-text: #1f2937;--theme-text-secondary: #6b7280;--theme-success: #10b981;--theme-warning: #f59e0b;--theme-error: #ef4444}.dark .variant-learning{--theme-primary: #818cf8;--theme-secondary: #a78bfa;--theme-accent: #f9a8d4;--theme-background: #111827;--theme-surface: #1f2937;--theme-text: #f3f4f6;--theme-text-secondary: #9ca3af;--theme-success: #34d399;--theme-warning: #fbbf24;--theme-error: #f87171}.variant-helldivers{--theme-primary: #FFE900;--theme-secondary: #ffb400;--theme-accent: #41639C;--theme-background: #222323;--theme-surface: #3A4F3F;--theme-text: #FFFFFF;--theme-text-secondary: #CCCCCC;--theme-success: #5C6C60;--theme-warning: #ffb400;--theme-error: #E55039;--helldivers-yellow: #FFE900;--helldivers-orange: #ffb400;--helldivers-dark-orange: #ba6d00;--helldivers-blue: #41639C;--helldivers-black: #222323;--helldivers-gray: #686868;--helldivers-dark-gray: #3A4F3F;--helldivers-green: #5C6C60;--helldivers-red: #E55039;--helldivers-white: #FFFFFF}.dark .variant-helldivers{--theme-primary: #FFE900;--theme-secondary: #ffb400;--theme-accent: #5a7fc5;--theme-background: #0a0a0a;--theme-surface: #1a1a1a;--theme-text: #FFFFFF;--theme-text-secondary: #B0B0B0;--theme-success: #6d7d71;--theme-warning: #ffb400;--theme-error: #ff6348}.variant-nerd{--theme-primary: #00ff00;--theme-secondary: #00cc00;--theme-accent: #ff00ff;--theme-background: #1a1a1a;--theme-surface: #2a2a2a;--theme-text: #00ff00;--theme-text-secondary: #00cc00;--theme-success: #00ff00;--theme-warning: #ffff00;--theme-error: #ff0000}.dark .variant-nerd{--theme-primary: #00ff00;--theme-secondary: #00cc00;--theme-accent: #ff00ff;--theme-background: #000000;--theme-surface: #0a0a0a;--theme-text: #00ff00;--theme-text-secondary: #00aa00;--theme-success: #00ff00;--theme-warning: #ffff00;--theme-error: #ff0000}.variant-wednesday{--theme-primary: #000000;--theme-secondary: #4a4a4a;--theme-accent: #8b0000;--theme-background: #f5f5f5;--theme-surface: #ffffff;--theme-text: #000000;--theme-text-secondary: #4a4a4a;--theme-success: #2d4a2d;--theme-warning: #8b4513;--theme-error: #8b0000}.dark .variant-wednesday{--theme-primary: #ffffff;--theme-secondary: #b0b0b0;--theme-accent: #dc143c;--theme-background: #0a0a0a;--theme-surface: #1a1a1a;--theme-text: #f5f5f5;--theme-text-secondary: #b0b0b0;--theme-success: #4d6d4d;--theme-warning: #cd853f;--theme-error: #dc143c}.variant-ai-team{--theme-primary: #00d4ff;--theme-secondary: #0080ff;--theme-accent: #ff00ff;--theme-background: #f0f4f8;--theme-surface: #ffffff;--theme-text: #1a202c;--theme-text-secondary: #4a5568;--theme-success: #00c851;--theme-warning: #ffbb33;--theme-error: #ff4444}.dark .variant-ai-team{--theme-primary: #00d4ff;--theme-secondary: #0080ff;--theme-accent: #ff00ff;--theme-background: #0f0f1e;--theme-surface: #1a1a2e;--theme-text: #e0e0e0;--theme-text-secondary: #a0a0a0;--theme-success: #00ff88;--theme-warning: #ffd93d;--theme-error: #ff6b6b}.variant-startrek{--theme-primary: #ffcc00;--theme-secondary: #cc0000;--theme-accent: #0066cc;--theme-background: #e8e8e8;--theme-surface: #f5f5f5;--theme-text: #000000;--theme-text-secondary: #333333;--theme-success: #006600;--theme-warning: #ff9900;--theme-error: #cc0000}.dark .variant-startrek{--theme-primary: #ffcc00;--theme-secondary: #ff3333;--theme-accent: #3399ff;--theme-background: #000000;--theme-surface: #1a1a1a;--theme-text: #ffffff;--theme-text-secondary: #cccccc;--theme-success: #00cc00;--theme-warning: #ffcc00;--theme-error: #ff3333}.theme-bg-primary{background-color:var(--theme-background)}.theme-bg-surface{background-color:var(--theme-surface)}.theme-border,.dark .theme-border{border-color:var(--theme-surface)}.card{background-color:var(--theme-surface);color:var(--theme-text)}.button-primary{background-color:var(--theme-primary);color:var(--theme-background)}.button-secondary{background-color:var(--theme-secondary);color:var(--theme-background)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-card{background-color:var(--theme-surface);color:var(--theme-text);border-radius:1rem;transition:all .3s ease}.theme-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0003}.dark .theme-card{box-shadow:0 4px 6px #0000004d}.dark .theme-card:hover{box-shadow:0 10px 30px #00000080}.theme-button-primary{background-color:var(--theme-primary);color:var(--theme-background);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.theme-button-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 5px 20px #0003}.dark .theme-button-primary:hover{box-shadow:0 5px 20px #0006}.theme-button-secondary{background-color:var(--theme-secondary);color:var(--theme-background);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.theme-progress-container{background-color:var(--theme-surface);border-radius:.5rem;overflow:hidden;height:.75rem}.dark .theme-progress-container{background-color:var(--theme-surface);border:1px solid rgba(255,255,255,.1)}.theme-progress-bar{background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary));height:100%;transition:width .3s ease}.theme-text-primary{color:var(--theme-text)}.theme-text-secondary{color:var(--theme-text-secondary)}.theme-text-accent{color:var(--theme-accent)}.theme-header{background-color:var(--theme-surface);color:var(--theme-text);padding:1.5rem;border-radius:.75rem}.dark .theme-header{border:1px solid rgba(255,255,255,.1)}.theme-badge{background-color:var(--theme-accent);color:var(--theme-background);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.theme-badge-success{background-color:var(--theme-success)}.theme-badge-warning{background-color:var(--theme-warning)}.theme-badge-error{background-color:var(--theme-error)}.theme-input{background-color:var(--theme-surface);color:var(--theme-text);border:1px solid var(--theme-text-secondary);padding:.5rem 1rem;border-radius:.375rem;transition:all .3s ease}.theme-input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.1)}.theme-link{color:var(--theme-primary);text-decoration:none;transition:color .3s ease}.theme-link:hover{color:var(--theme-secondary);text-decoration:underline}.theme-divider{border-color:var(--theme-surface);opacity:.5}.dark .theme-divider{border-color:var(--theme-text-secondary);opacity:.2}.theme-nav{background-color:var(--theme-background);border-bottom:1px solid var(--theme-surface)}.dark .theme-nav{border-bottom-color:#ffffff1a}.theme-nav-link{color:var(--theme-text);padding:.5rem 1rem;transition:all .3s ease}.theme-nav-link:hover{background-color:var(--theme-surface);color:var(--theme-primary)}.theme-alert{padding:1rem;border-radius:.5rem;border:1px solid}.theme-alert-info{background-color:#3b82f61a;border-color:#3b82f64d;color:var(--theme-text)}.theme-alert-success{background-color:#22c55e1a;border-color:#22c55e4d;color:var(--theme-text)}.theme-alert-warning{background-color:#f59e0b1a;border-color:#f59e0b4d;color:var(--theme-text)}.theme-alert-error{background-color:#ef44441a;border-color:#ef44444d;color:var(--theme-text)}@media (max-width: 768px){.theme-card{border-radius:.75rem}.theme-button-primary,.theme-button-secondary{padding:.625rem 1.25rem;font-size:.875rem}}body{font-family:Inter,system-ui,-apple-system,sans-serif}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.confetti{position:absolute;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animate-shimmer{animation:shimmer 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes success-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.success-pulse{animation:success-pulse .5s ease-in-out}@keyframes card-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.card-flip{animation:card-flip .6s ease-in-out}@keyframes fire-flicker{0%,to{transform:scale(1) rotate(-5deg)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(.9) rotate(-3deg)}75%{transform:scale(1.05) rotate(3deg)}}.fire-streak{animation:fire-flicker 1s ease-in-out infinite}.learning-card{transition:all .3s ease}.learning-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.answer-button{position:relative;overflow:hidden}.answer-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.answer-button:active:before{width:300px;height:300px}.progress-glow{box-shadow:0 0 20px #667eea80}@keyframes score-increment{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.score-increment{animation:score-increment .3s ease-out}@media (max-width: 768px){.confetti{font-size:1rem!important}.learning-card{padding:1rem}}