.SoundControl_soundControl__I0_Yn{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(255,0,255,.1));border:2px solid rgba(0,255,255,.5);border-radius:30px;color:#00ffff;font-family:Orbitron,monospace;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1)}.SoundControl_soundControl__I0_Yn:hover{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(255,0,255,.2));border-color:#00ffff;transform:translateY(-2px);box-shadow:0 5px 30px rgba(0,255,255,.5),inset 0 0 30px rgba(0,255,255,.2)}.SoundControl_soundControl__I0_Yn:active{transform:translateY(0)}.SoundControl_soundIcon__pn1q3{display:flex;align-items:center;justify-content:center;width:24px;height:24px;animation:SoundControl_pulse__OzmR3 2s infinite}.SoundControl_soundLabel__1fNt3{text-transform:uppercase;min-width:30px;text-align:center}@keyframes SoundControl_pulse__OzmR3{0%,to{opacity:1}50%{opacity:.8}}@media (max-width:768px){.SoundControl_soundControl__I0_Yn{bottom:10px;right:10px;padding:8px 12px;font-size:12px}.SoundControl_soundIcon__pn1q3,.SoundControl_soundIcon__pn1q3 svg{width:20px;height:20px}}.SoundControl_soundControl__I0_Yn[aria-label="Unmute sounds"]{opacity:.7;border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.7)}.SoundControl_soundControl__I0_Yn[aria-label="Unmute sounds"] .SoundControl_soundIcon__pn1q3{animation:none}@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap");:root{--color-primary-black:#0A0A0F;--color-primary-orange:#FF6B35;--color-primary-orange-glow:#FF8C42;--color-bg-void:#000000;--color-bg-deep:#0A0A0F;--color-bg-dark:#13141B;--color-bg-elevated:#1A1B26;--color-bg-card:#1F2029;--color-orange-100:#FFF4F0;--color-orange-200:#FFDCC9;--color-orange-300:#FFB088;--color-orange-400:#FF8C42;--color-orange-500:#FF6B35;--color-orange-600:#E55A2B;--color-orange-700:#C94820;--color-orange-800:#A63818;--color-neon-cyan:#00D9FF;--color-neon-purple:#B24BF3;--color-neon-green:#00FF88;--color-neon-pink:#FF0080;--color-success:#00FF88;--color-error:#FF3366;--color-warning:#FFB800;--color-info:#00D9FF;--color-text-primary:#FFFFFF;--color-text-secondary:#B8BCC8;--color-text-muted:#6B7280;--color-text-disabled:#4B5563;--color-border-subtle:rgba(255,107,53,0.1);--color-border-default:rgba(255,107,53,0.2);--color-border-strong:rgba(255,107,53,0.4);--color-surface-glow:rgba(255,107,53,0.05);--gradient-space:linear-gradient(135deg,#0A0A0F,#1A1B26 50%,#13141B);--gradient-nebula:radial-gradient(ellipse at top,#1F2029 0%,#0A0A0F 100%);--gradient-orange-glow:linear-gradient(135deg,#FF6B35,#FF8C42);--gradient-orange-pulse:radial-gradient(circle,#FF8C42 0%,#FF6B35 50%,transparent 70%);--gradient-holo:linear-gradient(45deg,#B24BF3,#00D9FF,#00FF88,#FF6B35);--gradient-aurora:linear-gradient(90deg,rgba(178,75,243,0.3),rgba(0,217,255,0.3) 33%,rgba(255,107,53,0.3) 66%,rgba(178,75,243,0.3));--alpha-orange-05:rgba(255,107,53,0.05);--alpha-orange-10:rgba(255,107,53,0.1);--alpha-orange-15:rgba(255,107,53,0.15);--alpha-orange-20:rgba(255,107,53,0.2);--alpha-orange-30:rgba(255,107,53,0.3);--alpha-orange-40:rgba(255,107,53,0.4);--alpha-orange-50:rgba(255,107,53,0.5);--alpha-orange-60:rgba(255,107,53,0.6);--alpha-orange-80:rgba(255,107,53,0.8);--alpha-cyan-05:rgba(0,217,255,0.05);--alpha-cyan-10:rgba(0,217,255,0.1);--alpha-cyan-20:rgba(0,217,255,0.2);--alpha-cyan-30:rgba(0,217,255,0.3);--alpha-cyan-40:rgba(0,217,255,0.4);--alpha-cyan-60:rgba(0,217,255,0.6);--alpha-cyan-80:rgba(0,217,255,0.8);--alpha-info-05:var(--alpha-cyan-05);--alpha-info-10:var(--alpha-cyan-10);--alpha-info-20:var(--alpha-cyan-20);--alpha-info-30:var(--alpha-cyan-30);--alpha-info-40:var(--alpha-cyan-40);--alpha-info-60:var(--alpha-cyan-60);--alpha-info-80:var(--alpha-cyan-80);--alpha-purple-10:rgba(178,75,243,0.1);--alpha-purple-20:rgba(178,75,243,0.2);--alpha-purple-30:rgba(178,75,243,0.3);--alpha-purple-50:rgba(178,75,243,0.5);--alpha-purple-60:rgba(178,75,243,0.6);--alpha-purple-70:rgba(178,75,243,0.7);--alpha-purple-80:rgba(178,75,243,0.8);--alpha-purple-90:rgba(178,75,243,0.9);--alpha-pink-20:rgba(255,0,128,0.2);--alpha-pink-50:rgba(255,0,128,0.5);--alpha-pink-60:rgba(255,0,128,0.6);--alpha-pink-80:rgba(255,0,128,0.8);--alpha-success-10:rgba(0,255,136,0.1);--alpha-success-15:rgba(0,255,136,0.15);--alpha-success-20:rgba(0,255,136,0.2);--alpha-success-30:rgba(0,255,136,0.3);--alpha-success-50:rgba(0,255,136,0.5);--alpha-success-60:rgba(0,255,136,0.6);--alpha-success-70:rgba(0,255,136,0.7);--alpha-success-80:rgba(0,255,136,0.8);--alpha-error-10:rgba(255,51,102,0.1);--alpha-error-20:rgba(255,51,102,0.2);--alpha-error-30:rgba(255,51,102,0.3);--alpha-error-40:rgba(255,51,102,0.4);--alpha-error-50:rgba(255,51,102,0.5);--alpha-error-60:rgba(255,51,102,0.6);--alpha-error-80:rgba(255,51,102,0.8);--alpha-error-90:rgba(255,51,102,0.9);--alpha-warning-10:rgba(255,184,0,0.1);--alpha-warning-20:rgba(255,184,0,0.2);--alpha-warning-30:rgba(255,184,0,0.3);--alpha-warning-50:rgba(255,184,0,0.5);--alpha-warning-80:rgba(255,184,0,0.8);--alpha-white-05:rgba(255,255,255,0.05);--alpha-white-20:rgba(255,255,255,0.2);--alpha-white-30:rgba(255,255,255,0.3);--alpha-white-40:rgba(255,255,255,0.4);--alpha-white-50:rgba(255,255,255,0.5);--alpha-white-80:rgba(255,255,255,0.8);--alpha-black-50:rgba(0,0,0,0.5);--alpha-black-80:rgba(0,0,0,0.8);--color-primary-orange-rgb:255,107,53;--color-neon-cyan-rgb:0,217,255;--color-neon-purple-rgb:178,75,243;--color-neon-green-rgb:0,255,136;--color-neon-pink-rgb:255,0,128;--color-success-rgb:0,255,136;--color-error-rgb:255,51,102;--color-warning-rgb:255,184,0;--color-info-rgb:0,217,255;--color-bg-void-rgb:0,0,0;--color-white:#FFFFFF;--color-white-rgb:255,255,255;--color-warning-surface:rgba(var(--color-warning-rgb),0.1);--color-warning-border:rgba(var(--color-warning-rgb),0.3);--color-error-surface:rgba(var(--color-error-rgb),0.1);--color-error-border:rgba(var(--color-error-rgb),0.3);--color-info-surface:rgba(var(--color-info-rgb),0.1);--color-info-surface-weak:rgba(var(--color-info-rgb),0.05);--color-info-border:rgba(var(--color-info-rgb),0.3);--color-surface-orange:rgba(var(--color-primary-orange-rgb),0.1);--color-border-medium:rgba(var(--color-primary-orange-rgb),0.3);--font-primary:"Space Grotesk","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--font-display:"Orbitron","Space Grotesk",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow-orange:0 0 30px rgba(255,107,53,0.5);--shadow-glow-cyan:0 0 30px rgba(0,217,255,0.5);--shadow-glow-success:0 0 30px rgba(0,255,136,0.5);--shadow-glow-error:0 0 30px rgba(255,51,102,0.5);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:600ms cubic-bezier(0.68,-0.55,0.265,1.55);--ease-in-out-expo:cubic-bezier(0.87,0,0.13,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-expo:cubic-bezier(0.7,0,0.84,0);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--container-xs:475px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--grid-columns:12;--grid-gap-sm:16px;--grid-gap-md:24px;--grid-gap-lg:32px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--color-bg-deep);color:var(--color-text-primary);line-height:var(--leading-normal);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at top,#1F2029 0,#0A0A0F 50%),radial-gradient(circle at 20% 80%,rgba(255,107,53,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,217,255,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(178,75,243,.05) 0,transparent 70%);z-index:-2}.starfield,body:before{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.starfield{z-index:-1}.starfield:after,.starfield:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.starfield:before{background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent);background-size:200px 200px;opacity:.3;animation:starfield 200s linear infinite}.starfield:after{background-image:radial-gradient(1px 1px at 10% 10%,white,transparent),radial-gradient(1px 1px at 90% 60%,white,transparent),radial-gradient(2px 2px at 40% 80%,white,transparent);background-size:300px 300px;opacity:.2;animation:starfield 300s linear infinite reverse}.particles{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.particle{position:absolute;width:4px;height:4px;background:var(--color-primary-orange);border-radius:50%;filter:blur(1px);opacity:.6;animation:float 20s ease-in-out infinite}.particle:nth-child(odd){background:var(--color-neon-cyan);animation-duration:25s;animation-delay:-5s}.particle:nth-child(2n){animation-duration:30s;animation-delay:-10s}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-200px)}}@keyframes float{0%,to{transform:translateY(0) translateX(0) scale(1);opacity:.6}33%{transform:translateY(-30px) translateX(20px) scale(1.1);opacity:.8}66%{transform:translateY(20px) translateX(-15px) scale(.9);opacity:.4}}@keyframes page-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes question-reveal{0%{opacity:0;transform:scale(.9) translateY(20px)}50%{transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes answer-select{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes pulse-success{0%{box-shadow:0 0 0 0 rgba(0,255,136,.7)}70%{box-shadow:0 0 0 20px rgba(0,255,136,0)}to{box-shadow:0 0 0 0 rgba(0,255,136,0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes glow-pulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}@keyframes rotate-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{opacity:0;transform:translateX(-100%) rotate(45deg)}50%{opacity:.3}to{opacity:0;transform:translateX(100%) rotate(45deg)}}@keyframes scan{0%{left:-100%}to{left:100%}}@keyframes timer-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes icon-bounce{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}@keyframes expand-vertical{0%{height:0}to{height:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleGlow{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(255,107,53,.5))}50%{filter:brightness(1.2) drop-shadow(0 0 40px rgba(255,107,53,.8))}}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-orange{color:var(--color-primary-orange)}.text-cyan{color:var(--color-neon-cyan)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-void{background-color:var(--color-bg-void)}.bg-deep{background-color:var(--color-bg-deep)}.bg-dark{background-color:var(--color-bg-dark)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-card{background-color:var(--color-bg-card)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-glow-orange{box-shadow:var(--shadow-glow-orange)}.shadow-glow-cyan{box-shadow:var(--shadow-glow-cyan)}.animate-float{animation:float 20s ease-in-out infinite}.animate-pulse{animation:glow-pulse 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 3s infinite}.animate-rotate{animation:rotate-glow 3s linear infinite}.animate-fade-in{animation:fadeInUp .8s ease-out forwards}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.transition-bounce{transition:all var(--transition-bounce)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}@media (min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}}:focus-visible{outline:2px solid var(--color-primary-orange);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-dark);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary-orange),var(--color-orange-600));border-radius:var(--radius-lg);border:2px solid var(--color-bg-dark)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-orange-400),var(--color-primary-orange))}*{scrollbar-width:thin;scrollbar-color:var(--color-primary-orange) var(--color-bg-dark)}