:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#10131e;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#10131e}button{font:inherit;touch-action:manipulation}.app-shell{position:relative;z-index:1;min-height:100vh;max-width:1160px;margin:0 auto;padding:32px 6vw 24px;display:flex;flex-direction:column}.global-audio-visualizer{position:fixed;z-index:-1;right:0;bottom:0;left:0;height:clamp(180px,50vh,620px);height:clamp(180px,50dvh,620px);overflow:hidden;opacity:.78;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 0%,#000 42%,#000000c2 66%,transparent 100%);mask-image:linear-gradient(to top,#000 0%,#000 42%,#000000c2 66%,transparent 100%)}.global-audio-visualizer canvas{display:block;width:100%;height:100%}.screen-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:radial-gradient(ellipse at 22% 28%,#a6f75038,transparent 38%),radial-gradient(ellipse at 78% 68%,#f45a9d35,transparent 42%),linear-gradient(115deg,#ffffff12,transparent 38%,#675af425 72%,transparent);background-size:140% 140%;background-position:0% 20%;opacity:0;pointer-events:none;mix-blend-mode:screen;-webkit-backdrop-filter:blur(9px) saturate(1.45) hue-rotate(-10deg);backdrop-filter:blur(9px) saturate(1.45) hue-rotate(-10deg);animation:liquid-glass .72s ease-out both}.screen-transition{position:relative;flex:1;isolation:isolate;animation:screen-enter .72s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 42%}.screen-transition-staging{animation:none;transform:none}.screen-transition>*{position:relative;z-index:1}@keyframes screen-enter{0%{opacity:0;filter:blur(4px);transform:translateY(32px) scale(.97)}62%{opacity:1;filter:blur(0);transform:translateY(-3px) scale(1.005)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes liquid-glass{0%{opacity:0;background-position:0% 20%;filter:hue-rotate(0deg) saturate(1)}18%{opacity:.78}62%{opacity:.25;background-position:100% 80%;filter:hue-rotate(24deg) saturate(1.55)}to{opacity:0;background-position:50% 50%;filter:hue-rotate(0deg) saturate(1)}}.difficulty-transition{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#090b15;animation:transition-blackout 2.6s ease-in both}.difficulty-transition:before{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;content:"";background:radial-gradient(circle at 50% 50%,#675af433,transparent 22%),radial-gradient(circle at 50% 50%,#a6f75014,transparent 42%),#090b15;animation:transition-glow 2.6s ease-in both}.difficulty-transition:after{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;content:"";background:#000;pointer-events:none;animation:transition-blackout-mask 2.6s ease-in both}.transition-grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.55;background-image:linear-gradient(#675af426 1px,transparent 1px),linear-gradient(90deg,#675af426 1px,transparent 1px);background-size:46px 46px;transform:perspective(420px) rotateX(63deg) translateY(18%);animation:transition-grid-move 2.6s linear both}.transition-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 4px,#a6f750 5px,transparent 6px 10px);mix-blend-mode:screen;animation:transition-scan 1.8s linear infinite}.transition-orbit{position:absolute;width:min(72vw,620px);aspect-ratio:1;border:1px solid #a6f75066;border-radius:50%;box-shadow:0 0 35px #a6f75022,inset 0 0 35px #675af422;transform:rotate(38deg) skew(-12deg);animation:transition-orbit 2.6s cubic-bezier(.16,1,.3,1) both}.transition-orbit:before,.transition-orbit:after{position:absolute;width:10px;height:10px;content:"";border-radius:50%;background:#a6f750;box-shadow:0 0 18px 5px #a6f750aa}.transition-orbit:before{top:8%;left:18%}.transition-orbit:after{right:7%;bottom:25%;background:#f45a9d;box-shadow:0 0 18px 5px #f45a9daa}.transition-orbit-one{opacity:.72}.transition-orbit-two{width:min(48vw,420px);border-color:#f45a9d66;transform:rotate(-22deg) skew(16deg);animation-delay:.12s}.transition-beam{position:absolute;width:150vw;height:1px;background:linear-gradient(90deg,transparent,#a6f750,transparent);box-shadow:0 0 18px 2px #a6f75088;transform:rotate(-28deg) translate(-20%);animation:transition-beam 2.6s ease-in-out both}.transition-beam-two{background:linear-gradient(90deg,transparent,#f45a9d,transparent);box-shadow:0 0 18px 2px #f45a9d88;transform:rotate(24deg) translate(20%);animation-delay:.18s}.difficulty-transition-card{position:relative;z-index:4;display:grid;justify-items:center;gap:16px;min-width:min(78vw,440px);padding:52px 54px 48px;color:#f8fafc;background:linear-gradient(145deg,#242b43ee,#111522ee);border:1px solid #a6f750;border-radius:28px;box-shadow:0 0 0 1px #a6f75033,0 0 55px #a6f7503d,0 30px 100px #000a,inset 0 1px #fff2;text-align:center;animation:transition-card 2.6s cubic-bezier(.16,1,.3,1) both}.difficulty-transition-card:before{position:absolute;top:7px;right:7px;bottom:7px;left:7px;content:"";border:1px solid #f45a9d55;border-radius:21px;pointer-events:none}.transition-kicker{color:#a6f750;font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.difficulty-transition-card strong{color:#fff;font-size:clamp(3.2rem,11vw,8rem);letter-spacing:-.08em;line-height:.9;text-shadow:0 0 24px #a6f75077,0 0 60px #675af466}.difficulty-transition-card .difficulty-icon-shell{width:86px;height:86px;border-radius:20px}.difficulty-transition-card .difficulty-icon-shell:before{top:8px;right:8px;bottom:8px;left:8px;border-radius:13px}.difficulty-transition-card .difficulty-icon-art{width:78%;height:78%;stroke-width:3.2}.transition-signal{display:flex;align-items:flex-end;gap:5px;height:20px}.transition-signal i{display:block;align-self:flex-end;width:5px;height:8px;background:#a6f750;box-shadow:0 0 8px #a6f750;transform-origin:bottom center;animation:transition-signal .55s ease-in-out infinite alternate}.transition-signal i:nth-child(2){height:15px;animation-delay:.08s}.transition-signal i:nth-child(3){height:20px;animation-delay:.16s}.transition-signal i:nth-child(4){height:13px;animation-delay:.24s}.transition-signal i:nth-child(5){height:6px;animation-delay:.32s}@keyframes transition-card{0%{opacity:0;filter:blur(8px);transform:scale(.54) rotate(-3deg)}16%{opacity:1;filter:blur(0);transform:scale(1) rotate(0)}72%{opacity:1;filter:blur(0);transform:scale(1.02)}86%{opacity:.72;filter:blur(1px);transform:scale(1.1)}to{opacity:0;filter:blur(10px);transform:scale(1.24)}}@keyframes transition-blackout{0%,82%{background:#090b15}to{background:#000}}@keyframes transition-blackout-mask{0%,82%{opacity:0}to{opacity:1}}@keyframes transition-glow{0%,60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes transition-grid-move{0%{transform:perspective(420px) rotateX(63deg) translateY(18%)}to{transform:perspective(420px) rotateX(63deg) translateY(28%);opacity:0}}@keyframes transition-scan{to{transform:translateY(10px)}}@keyframes transition-orbit{0%{opacity:0;transform:rotate(0) skew(-12deg) scale(.55)}25%{opacity:1}to{opacity:0;transform:rotate(250deg) skew(-12deg) scale(1.2)}}@keyframes transition-beam{0%,25%{opacity:0}48%{opacity:1}to{opacity:0;transform:rotate(-28deg) translate(30%)}}@keyframes transition-signal{to{opacity:.35;transform:scaleY(.55)}}@keyframes icon-shell-flicker{0%,72%,76%,to{filter:none}73%{filter:brightness(1.35) contrast(1.2)}74%{filter:brightness(.75) contrast(1.5)}75%{filter:none}}@keyframes icon-scan{to{transform:translateY(13px)}}@keyframes icon-scanline{0%{transform:translateY(-8px);opacity:0}15%{opacity:.55}85%{opacity:.55}to{transform:translateY(60px);opacity:0}}@keyframes icon-glitch-cyan{0%,70%,to{opacity:0;transform:translate(0);clip-path:inset(0)}71%{opacity:.9;transform:translate(-3px,1px);clip-path:inset(15% 0 67% 0)}72%{opacity:0}83%{opacity:.8;transform:translate(2px,-1px);clip-path:inset(62% 0 21% 0)}84%{opacity:0}}@keyframes icon-glitch-magenta{0%,53%,to{opacity:0;transform:translate(0);clip-path:inset(0)}54%{opacity:.85;transform:translate(3px);clip-path:inset(39% 0 44% 0)}55%{opacity:0}91%{opacity:.75;transform:translate(-2px,1px);clip-path:inset(77% 0 9% 0)}92%{opacity:0}}.ready-countdown{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;animation:ready-overlay-in .8s ease both}.ready-countdown:before{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;content:"";background:#000;animation:ready-black-fade 1s ease-out both}.ready-countdown-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050711a8;-webkit-backdrop-filter:blur(15px) saturate(.65);backdrop-filter:blur(15px) saturate(.65)}.ready-countdown-backdrop:before,.ready-countdown-backdrop:after{position:absolute;top:50%;left:50%;content:"";border:1px solid #a6f75055;border-radius:50%;transform:translate(-50%,-50%);animation:ready-ring 3s ease-out infinite}.ready-countdown-backdrop:before{width:min(68vw,540px);aspect-ratio:1}.ready-countdown-backdrop:after{width:min(42vw,330px);aspect-ratio:1;border-color:#f45a9d55;animation-delay:.7s}.ready-countdown-content{position:relative;z-index:3;display:grid;justify-items:center;gap:18px;padding:30px;text-align:center}.ready-kicker{color:#a6f750;font-size:clamp(.9rem,2.8vw,1.2rem);font-weight:900;letter-spacing:.35em;text-transform:uppercase;text-shadow:0 0 16px #a6f750aa}.ready-number{display:grid;width:1.1em;min-width:1.1em;place-items:center;color:#f8fafc;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(8rem,28vw,18rem);font-variant-numeric:tabular-nums;letter-spacing:0;line-height:.75;text-align:center;text-shadow:0 0 20px #a6f75099,0 0 80px #675af477;animation:ready-number-in .55s cubic-bezier(.16,1,.3,1) both}.ready-pulse{width:8px;height:8px;border-radius:50%;background:#f45a9d;box-shadow:0 0 #f45a9d88;animation:ready-pulse 1s ease-out infinite}@keyframes ready-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ready-black-fade{0%{opacity:1}to{opacity:0}}@keyframes ready-number-in{0%{opacity:0;filter:blur(12px);transform:scale(1.5)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes ready-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}@keyframes ready-pulse{70%{box-shadow:0 0 0 12px #f45a9d00}to{box-shadow:0 0 #f45a9d00}}.topbar{display:flex;justify-content:space-between;align-items:center}.brand-button{padding:0;background:transparent;border:0;cursor:pointer}.eyebrow{color:#a6f750;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.language-button{color:#d6d9e5;background:transparent;border:1px solid #3b4154;border-radius:999px;padding:8px 16px;cursor:pointer}.hero{flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:64px 0 80px}h1{max-width:650px;margin:12px 0 20px;font-size:clamp(3.5rem,10vw,7.5rem);line-height:.9;letter-spacing:-.08em}.welcome{max-width:460px;color:#d6d9e5;font-size:clamp(1.1rem,2vw,1.35rem)}.headphones{color:#9298aa;font-size:.9rem}.headphones span{color:#a6f750}.primary-button{margin-top:28px;padding:15px 22px;color:#11131d;background:#a6f750;border:0;border-radius:999px;font-weight:800;cursor:pointer}.primary-button span{margin-left:18px}.hero-art{position:relative;min-height:360px;overflow:hidden;border-radius:32px;background:linear-gradient(145deg,#292f47,#171a28)}.disc{position:absolute;width:270px;height:270px;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg);background:repeating-radial-gradient(circle,#252b41 0,#252b41 2px,#10131e 3px,#10131e 5px);box-shadow:0 28px 50px #080a10aa}.disc span{position:absolute;top:42%;right:42%;bottom:42%;left:42%;border-radius:50%;background:#a6f750}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:130px;height:130px;right:-32px;top:-30px;background:#f45a9d}.orb-two{width:90px;height:90px;left:-22px;bottom:22px;background:#675af4}.sound-warning-modal{width:min(calc(100vw - 32px),500px);max-height:calc(100dvh - 32px);margin:auto;padding:clamp(26px,5vw,44px);overflow:auto;color:#f8fafc;background:linear-gradient(145deg,#242b43,#111522);border:1px solid #a6f750;border-radius:24px;box-shadow:0 0 0 1px #a6f75033,0 0 55px #a6f7502e,0 28px 90px #000a,inset 0 1px #ffffff1c}.sound-warning-modal[open]{animation:sound-warning-modal-in .5s cubic-bezier(.16,1,.3,1) both}.sound-warning-modal::backdrop{background:#080a10b8;-webkit-backdrop-filter:blur(12px) saturate(.8);backdrop-filter:blur(12px) saturate(.8);animation:sound-warning-backdrop-in .35s ease-out both}.sound-warning-modal.sound-warning-modal-closing{animation:sound-warning-modal-out .26s ease-in both}.sound-warning-modal.sound-warning-modal-closing::backdrop{animation:sound-warning-backdrop-out .26s ease-in both}@keyframes sound-warning-modal-in{0%{opacity:0;filter:blur(8px);transform:translateY(22px) scale(.9)}68%{opacity:1;filter:blur(0);transform:translateY(-2px) scale(1.015)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes sound-warning-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sound-warning-modal-out{0%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(6px);transform:translateY(12px) scale(.94)}}@keyframes sound-warning-backdrop-out{0%{opacity:1}to{opacity:0}}.sound-warning-kicker{margin:0 0 12px;color:#a6f750;font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.sound-warning-modal h2{margin:0 0 16px;font-size:clamp(2rem,7vw,3.5rem);letter-spacing:-.06em;line-height:.95}.sound-warning-modal p:not(.sound-warning-kicker){margin:0;color:#d6d9e5;line-height:1.6}.sound-warning-modal .primary-button{margin-top:28px}.difficulty{flex:1;padding:12vh 0}.difficulty h1{font-size:clamp(3rem,8vw,6rem)}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}.difficulty-card{min-height:180px;padding:24px;text-align:left;color:#f8fafc;background:#1b2030;border:1px solid #30374c;border-radius:20px;cursor:pointer;transition:transform .2s,border-color .2s}.difficulty-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.difficulty-icon-shell{position:relative;display:grid;flex:0 0 auto;width:52px;height:52px;place-items:center;overflow:hidden;color:#a6f750;background:#0d111b;border:1px solid currentColor;border-radius:14px;box-shadow:0 0 16px color-mix(in srgb,currentColor 28%,transparent),inset 0 0 14px #0006;animation:icon-shell-flicker 4.2s steps(1) infinite}.difficulty-icon-shell:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;content:"";border:1px solid currentColor;border-radius:9px;opacity:.22}.difficulty-icon-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:repeating-linear-gradient(0deg,transparent 0 7px,currentColor 8px,transparent 9px 13px);opacity:.08;mix-blend-mode:screen;animation:icon-scan 1.8s linear infinite}.difficulty-icon-easy{color:#a6f750}.difficulty-icon-hard{color:#f6c85f}.difficulty-icon-maniac{color:#f45a9d}.difficulty-icon-art{position:relative;z-index:1;width:76%;height:76%;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:bevel;stroke-width:4}.icon-layer-main{opacity:.94;filter:drop-shadow(0 0 5px currentColor)}.icon-layer-glitch-cyan,.icon-layer-glitch-magenta{position:absolute;opacity:0;fill:none;stroke-width:4}.icon-layer-glitch-cyan{stroke:#69f9ff;animation:icon-glitch-cyan 3.8s steps(1) infinite}.icon-layer-glitch-magenta{stroke:#f45a9d;animation:icon-glitch-magenta 4.6s steps(1) infinite}.difficulty-icon-scanline{position:absolute;z-index:2;top:0;right:-20%;left:-20%;height:2px;background:currentColor;box-shadow:0 0 8px currentColor;opacity:.55;animation:icon-scanline 2.6s linear infinite}.difficulty-card-signal{margin-right:2px}.difficulty-card-signal i{height:7px}.difficulty-card-signal i:nth-child(2){height:13px}.difficulty-card-signal i:nth-child(3){height:18px}.difficulty-card-signal i:nth-child(4){height:11px}.difficulty-card-signal i:nth-child(5){height:5px}.difficulty-name,.difficulty-description,.question-count,.high-score{display:block}.difficulty-name{font-size:1.6rem;font-weight:800}.difficulty-description{min-height:48px;margin:12px 0 24px;color:#aeb4c5;font-size:.9rem}.question-count{color:#a6f750;font-size:.8rem;font-weight:700}.high-score{margin-top:10px;color:#f6c85f;font-size:.78rem;font-weight:700}footer{max-width:600px;color:#6e7588;font-size:.75rem;line-height:1.5}.test-mode-card{max-width:420px;margin-top:42px;padding:18px 20px;color:#aeb4c5;background:#171b29;border:1px dashed #4c5570;border-radius:16px;font-size:.85rem}.test-mode-card p{margin:0 0 12px}.test-mode-card .secondary-button{margin-top:4px}.test-mode-label,.test-badge,.question-type{color:#a6f750;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.secondary-button,.next-button{padding:11px 17px;color:#f8fafc;background:transparent;border:1px solid #59627d;border-radius:999px;cursor:pointer}.quiz-screen,.results{flex:1;width:min(760px,100%);margin:0 auto;padding:7vh 0 10vh}.quiz-screen{scroll-margin-top:16px}.quiz-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aeb4c5;font-size:.82rem}.quiz-progress-label{min-width:0;padding:0 0 0 25px}.quiz-stats{display:flex;align-items:center;justify-content:flex-end;gap:10px}.test-badge{letter-spacing:.08em}.counter-label{color:#9298aa;font-size:.58rem;font-weight:900;letter-spacing:.14em;line-height:1;text-transform:uppercase}.score-counter,.high-score-counter,.life-counter{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 25px 6px 11px;background:transparent;border:0px solid #30374c;border-radius:10px;box-shadow:inset 0 1px #ffffff08,0 6px 18px #080a1018}.score-value,.score-total{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums;font-weight:900}.score-value{min-width:4.5ch;padding:4px 6px;color:#a6f750;background:#0d111b;border:1px solid #293345;border-radius:5px;box-shadow:inset 0 0 10px #0005;font-size:1.08rem;letter-spacing:.06em;line-height:1;text-align:right;text-shadow:0 0 12px #a6f75066}.score-counter-value{display:inline-flex;align-items:baseline;gap:5px;min-width:0}.high-score-value{color:#f6c85f;text-shadow:0 0 12px #f6c85f66}.score-divider,.score-total{color:#6e7588;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:800}.life-counter{gap:10px}.life-lights{display:inline-flex;gap:6px;padding:5px 7px;background:#0d111b;border:1px solid #293345;border-radius:7px;box-shadow:inset 0 0 10px #0005}.life-light{position:relative;display:block;width:11px;height:11px;border:1px solid #59627d;border-radius:50%;background:#2c3348;box-shadow:inset 0 1px 2px #080a1066}.life-light-on{border-color:#a6f750;background:#a6f750;box-shadow:0 0 10px #a6f750aa,inset 0 1px 1px #fff8}.life-light-exploding{z-index:1;border-color:#ef789d;background:#ef789d;animation:life-light-explode .65s ease-out both}.life-light-exploding:before{position:absolute;top:50%;left:50%;width:3px;height:3px;content:"";border-radius:50%;background:#ef789d;box-shadow:0 -11px #ef789d,8px -8px #ef789d,11px 0 #ef789d,8px 8px #ef789d,0 11px #ef789d,-8px 8px #ef789d,-11px 0 #ef789d,-8px -8px #ef789d;transform:translate(-50%,-50%) scale(.3);animation:life-sparks .65s ease-out both}.life-light-exploding:after{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;content:"";border:1px solid #ef789d;border-radius:50%;animation:life-ring .65s ease-out both}@keyframes life-light-explode{0%{opacity:1;transform:scale(1)}22%{opacity:1;transform:scale(1.45)}to{opacity:.15;transform:scale(.65)}}@keyframes life-sparks{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@keyframes life-ring{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(2.5)}}.progress-track{position:fixed;z-index:30;inset:0 0 auto;height:8px;overflow:hidden;background:#2c3348;box-shadow:0 2px 10px #080a1066}.progress-track span{display:block;height:100%;background:#a6f750;border-radius:inherit;transition:width .25s ease}.question-card{overflow:hidden;position:relative;padding:clamp(24px,5vw,54px);background:#1b2030;border:1px solid #30374c;border-radius:28px;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.question-card-correct{background:#203c2b;border-color:#70d77d;box-shadow:0 0 0 5px #70d77d18,0 18px 48px #70d77d12}.question-card-wrong{background:#39252f;border-color:#ef789d;animation:question-shake .38s ease-in-out both}@keyframes question-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:50%;left:50%;width:9px;height:16px;background:hsl(var(--confetti-hue) 82% 66%);border-radius:2px;animation:confetti-burst var(--confetti-duration) cubic-bezier(.16,.84,.35,1) var(--confetti-delay) both}@keyframes confetti-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.5)}12%{opacity:1}to{opacity:0;transform:translate(calc(var(--confetti-x) * 1vw),calc(var(--confetti-y) * 1vh)) rotate(var(--confetti-rotation)) scale(1)}}.question-timer{position:absolute;bottom:0;right:3px;left:3px;height:6px;overflow:hidden;background:#2c3348;border-radius:27px 27px 0 0}.question-timer span{display:block;height:100%;background:#a6f750;border-radius:inherit;transition:width .1s linear}.question-type{margin:0 0 20px}.question-card h1{max-width:none;margin:0 0 36px;font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.055em;line-height:1}.question-value{margin:-18px 0 30px;color:#a6f750;font-size:.9rem;font-weight:800}.answer-list{display:grid;gap:10px}.answer-list button{display:flex;align-items:flex-start;gap:14px;width:100%;padding:16px 18px;text-align:left;color:#e9ebf3;background:#242a3d;border:1px solid #3a435c;border-radius:14px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.answer-list button:disabled{cursor:default}.answer-index{flex:0 0 28px;color:#a6f750;font-weight:800}.answer-checkbox{display:inline-grid;flex:0 0 22px;width:22px;height:22px;place-items:center;color:#11131d;background:transparent;border:2px solid #7e879f;border-radius:5px;font-size:.8rem;font-weight:900;line-height:1}.checkbox-checked{background:#a6f750;border-color:#a6f750}.answer-list button.answer-selected{background:#303a4d;border-color:#a6f750}.answer-list button.answer-correct{background:#29452d;border-color:#70d77d}.answer-list button.answer-wrong{background:#4a2c39;border-color:#ef789d}@keyframes answer-distractor-disappear{0%{opacity:1;filter:blur(0);transform:scale(1)}38%{opacity:.95;filter:blur(1px);transform:scale(1.01)}70%{opacity:.55;filter:blur(5px);transform:scale(.95)}to{opacity:0;filter:blur(12px);transform:scale(.88)}}.answer-list button.answer-distractor-hidden{pointer-events:none;animation:answer-distractor-disappear .55s ease both;transform-origin:center;will-change:opacity,filter,transform}.feedback{margin:22px 0;padding:16px 18px;border-left:3px solid #aeb4c5;color:#d6d9e5;background:#242a3d}.audio-source{display:none}.music-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.85fr);align-items:center;gap:26px;min-height:270px;margin:0 0 28px;padding:22px;overflow:hidden;background:#151a29;border:1px solid #30374c;border-radius:22px}.music-card-unrevealed{grid-template-columns:1fr;place-items:center;padding-right:0;padding-left:0}.album-art{display:block;width:100%;max-width:280px;aspect-ratio:1;height:auto;margin:0 auto;object-fit:contain;border-radius:12px}.album-art-placeholder{display:grid;place-items:center;color:#a6f750;background:radial-gradient(circle at center,#303952 0,#303952 8%,#1f2639 9%,#1f2639 22%,#151a29 23%,#151a29);font-size:5rem}.music-card-details{min-width:0}.music-card-meta{min-width:0;color:#aeb4c5}.music-card-meta p{margin:5px 0;overflow-wrap:anywhere;line-height:1.35}.music-card-meta .music-song-title{color:#f8fafc;font-size:1.1rem;font-weight:800}.metadata-hidden{filter:blur(8px);-webkit-user-select:none;user-select:none}.music-play-button{position:absolute;left:calc(25% - 38px);top:calc(50% - 38px);display:grid;width:76px;height:76px;place-items:center;padding:0;color:#11131d;background:#a6f750;border:0;border-radius:50%;cursor:pointer;font-size:1.3rem;font-weight:900}.music-card-unrevealed .music-play-button{left:calc(50% - 38px)}.music-play-button:disabled{opacity:.45;cursor:not-allowed}.music-visualizer{display:grid;width:100%;height:140px;place-items:center;padding:24px 0;background:transparent}.music-card-unrevealed .music-visualizer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0 22px}.music-card-unrevealed .music-visualizer canvas{width:100%;height:140px}.music-progress{position:absolute;width:96px;height:96px;transform:rotate(-90deg);pointer-events:none}.music-play-button .music-progress{top:-10px;right:-10px;bottom:-10px;left:-10px}.music-loading-progress{left:calc(25% - 48px);top:calc(50% - 48px)}.music-progress circle{fill:none;stroke-width:5}.music-progress-track{stroke:#59627d}.music-progress-value{stroke:#a6f750;stroke-linecap:round;stroke-dasharray:326.73;transition:stroke-dashoffset .1s linear}.music-progress-loading{stroke:#a6f750;stroke-linecap:round;stroke-dasharray:90 236.73;animation:music-progress-spin 1.1s linear infinite}@keyframes music-progress-spin{to{stroke-dashoffset:-326.73}}.music-loading-spinner{width:64px;height:64px;border:6px solid #59627d;border-top-color:#a6f750;border-radius:50%;animation:music-spinner-spin .8s linear infinite}@keyframes music-spinner-spin{to{transform:rotate(360deg)}}.music-playing{box-shadow:0 0 0 8px #a6f75022}.music-unavailable{color:#9298aa;font-size:.85rem}.itunes-link{margin:18px 0 0}.itunes-link img{display:block;height:auto}.feedback p{margin:6px 0 0;line-height:1.55}.feedback-correct{border-left-color:#70d77d}.feedback-wrong{border-left-color:#ef789d}.feedback-skipped{border-left-color:#a6f750}.question-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.primary-button:disabled{opacity:.4;cursor:not-allowed}.next-button{display:block;margin:18px 0 0 auto;color:#11131d;background:linear-gradient(to right,#71824b var(--countdown-progress, 0%),#a6f750 var(--countdown-progress, 0%));border-color:#a6f750;font-weight:800}.results{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;isolation:isolate}.results:before{position:absolute;z-index:-1;top:8%;left:-18%;width:70%;height:52%;content:"";border-radius:50%;background:#675af41c;filter:blur(70px)}.results-heading{margin-bottom:26px}.results-kicker{color:#a6f750;font-size:.76rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.results h1{max-width:720px;margin:8px 0 0;font-size:clamp(3.2rem,9vw,7rem);line-height:.86}.score-hero{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;width:100%;margin:8px 0;padding:26px 30px 30px;overflow:hidden;background:linear-gradient(120deg,#242b43,#171b2b 72%);border:1px solid #414d6a;border-radius:26px;box-shadow:0 24px 70px #080a105c,inset 0 1px #ffffff12}.score-hero:after{position:absolute;right:-10%;bottom:-85%;width:60%;height:180%;content:"";border-radius:50%;background:#a6f75019;filter:blur(24px);transform:rotate(-18deg)}.score-hero-label{flex-basis:100%;margin-bottom:6px;color:#aeb4c5;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.score-hero-value{color:#a6f750;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(4.2rem,14vw,9rem);font-variant-numeric:tabular-nums;letter-spacing:-.08em;line-height:.9;text-shadow:0 0 30px #a6f75055}.score-hero-total{color:#9298aa;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.1rem,3vw,1.8rem);font-weight:800}.new-high-score{border-color:#f6c85f;box-shadow:0 0 0 4px #f6c85f18,0 24px 70px #080a105c,inset 0 1px #ffffff12}.new-high-score .score-hero-value{color:#f6c85f;text-shadow:0 0 30px #f6c85f66}.new-high-score-badge{position:relative;z-index:1;flex-basis:100%;width:fit-content;margin-top:20px;padding:8px 13px;color:#17120b;background:#f6c85f;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.results-details{color:#d6d9e5;font-size:1.05rem}.results-details p{margin:8px 0 0}.results-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:34px}.results-actions .primary-button,.results-actions .secondary-button{margin-top:0}.question-card-correct .question-timer span{background:#70d77d}.combo-counter{float:right}@media(prefers-reduced-motion:reduce){.screen-transition,.question-card-wrong,.screen-transition-overlay,.difficulty-transition,.difficulty-transition:before,.difficulty-transition:after,.transition-grid,.transition-scanlines,.transition-orbit,.transition-beam,.difficulty-transition-card,.transition-signal i,.difficulty-icon-shell,.difficulty-icon-shell:after,.difficulty-icon-scanline,.icon-layer-glitch-cyan,.icon-layer-glitch-magenta,.ready-countdown,.ready-countdown:before,.ready-countdown-backdrop:before,.ready-countdown-backdrop:after,.ready-number,.ready-pulse,.sound-warning-modal[open],.sound-warning-modal::backdrop{animation:none}.difficulty-transition:after,.ready-countdown:before{opacity:0}.confetti{display:none}.question-card,.screen-transition{transition:none}.life-light-exploding,.life-light-exploding:before,.life-light-exploding:after,.music-playing-signal i{animation:none}}@media(hover:hover)and (pointer:fine){.difficulty-card:hover{transform:translateY(-4px);border-color:#a6f750}.secondary-button:hover,.next-button:hover{border-color:#a6f750}.answer-list button:hover:not(:disabled){transform:translate(3px);border-color:#a6f750}}.results h1{font-size:clamp(3rem,8vw,6rem)}@media(max-width:520px){.quiz-meta{flex-wrap:wrap;align-items:flex-start}.quiz-progress-label{flex:1 1 100%}.quiz-stats{width:100%;justify-content:space-between}.score-counter,.high-score-counter,.life-counter{flex:1;justify-content:space-between}.counter-label{font-size:.52rem}}@media(max-width:520px){.music-card{grid-template-columns:1fr;gap:16px;padding:16px}.music-card-meta{text-align:center}.music-play-button{left:calc(50% - 38px);top:91px}.album-art{max-width:220px}.itunes-link img{margin:18px auto 0}}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:56px}.hero-art{min-height:240px}.difficulty-grid{grid-template-columns:1fr}h1{font-size:4.5rem}}@media(max-width:700px){.app-shell{padding-top:24px}.difficulty{padding:clamp(24px,5vh,48px) 0 32px}.difficulty h1{margin-bottom:16px;font-size:clamp(2.8rem,11vw,4.5rem)}.difficulty-grid{gap:12px;margin-top:24px}.difficulty-card{min-height:0;padding:18px 20px;border-radius:16px}.difficulty-name{font-size:1.35rem}.difficulty-description{min-height:0;margin:8px 0 0;line-height:1.45}.high-score{margin-top:8px}}@media(max-width:520px){.results{padding-top:5vh;padding-bottom:8vh}.results-heading{margin-bottom:20px}.score-hero{padding:22px 20px 24px;border-radius:20px}.results-actions{width:100%;flex-direction:column;align-items:stretch}.results-actions .primary-button,.results-actions .secondary-button{width:100%;text-align:center}}@media(max-width:700px){.quiz-screen{padding:16px 0 24px}.quiz-meta{gap:8px}.quiz-progress-label{padding-left:0}.score-counter,.high-score-counter,.life-counter{min-height:34px;padding:4px 12px 4px 8px;gap:5px}.high-score-counter{justify-content:flex-end}.counter-label{flex:0 0 auto;white-space:nowrap;font-size:.58rem;letter-spacing:.08em}.score-counter-value{flex:0 0 auto;gap:4px}.score-value{padding:3px 5px;font-size:.95rem}.score-divider,.score-total{font-size:.7rem}.question-card{padding:16px;border-radius:20px}.question-card h1{margin-bottom:16px;font-size:clamp(1.7rem,7vw,2.2rem);line-height:1.05}.question-value{margin:-8px 0 14px;font-size:.8rem}.answer-list{gap:6px}.answer-list button{gap:10px;padding:10px 12px;border-radius:12px;font-size:.95rem;line-height:1.35}.answer-index{flex-basis:24px}.answer-checkbox{flex-basis:20px;width:20px;height:20px}.question-actions{gap:8px;margin-top:14px}.question-actions .primary-button{margin-top:0;padding:11px 16px}.question-actions .secondary-button{padding:9px 14px}.question-timer{height:4px}.feedback{margin:12px 0;padding:10px 12px}.feedback p{line-height:1.4}.music-card{min-height:140px;margin-bottom:14px;padding:12px}.music-card-unrevealed .music-play-button{top:calc(50% - 31px);left:calc(50% - 31px);width:62px;height:62px;font-size:1rem}.music-card-unrevealed .music-visualizer{padding:0 12px}.music-card-unrevealed .music-visualizer canvas{height:72px}.music-progress{width:78px;height:78px}.music-play-button .music-progress{top:-8px;right:-8px;bottom:-8px;left:-8px}.music-loading-spinner{width:48px;height:48px;border-width:4px}.music-card.answer-revealed{grid-template-columns:96px minmax(0,1fr);min-height:0;gap:12px;padding:12px}.music-card.answer-revealed .album-art{max-width:96px}}