:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#f8f1f4;background:#171321;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#171321;--panel:#242033;--muted:#aca6b9;--pink:#ff80ac;--peach:#ffc1a7;--cream:#f8f1f4;--stroke:#ffffff24;--lime:#e5f5aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible{outline:3px solid var(--peach);outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.052em}h1,h2{font-family:ui-sans-serif,system-ui,-apple-system,"Arial Black",sans-serif;font-weight:900}em{font-weight:inherit;font-style:normal;color:var(--pink)}::selection{background:#ff80ac;color:#171321}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.wrap{width:min(1250px,calc(100% - 96px));margin-inline:auto}.site-shell{min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 1100px 650px at 97% 8%,#30213e 0,transparent 71%),var(--bg)}.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #ffffff12}.brand{display:inline-flex;align-items:center;gap:11px;border:0;background:none;color:var(--cream);font-size:18px;font-weight:900;letter-spacing:-.075em;white-space:nowrap;padding:4px 0}.brand-pink{color:var(--pink)}.brand-mark{color:#171321;background:var(--pink);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transform:rotate(-20deg)}.desktop-nav{display:flex;gap:35px;align-items:center}.nav-link{font-size:11px;letter-spacing:.11em;font-weight:800;background:none;border:none;color:#bab1c2;white-space:nowrap;padding:9px 2px;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--cream)}.nav-link.active:after{content:"";display:block;margin-top:9px;height:2px;background:var(--pink)}.sound-toggle{border:1px solid #ffffff33;color:#f9f1f7;background:#ffffff0a;border-radius:100px;display:flex;gap:9px;align-items:center;padding:10px 16px;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.11em;transition:background .2s}.sound-toggle:hover{background:#ffffff1b}main{padding-bottom:95px}.site-footer{border-top:1px solid var(--stroke);min-height:100px;display:flex;justify-content:space-between;gap:24px;align-items:center;color:#ddd4e0;font-size:10px;letter-spacing:.12em;font-weight:800}.site-footer strong{color:var(--pink)}.small-muted{color:#858093;font-weight:500}.mobile-nav{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:18px 23px;border-radius:7px;border:1px solid transparent;min-height:55px;font-weight:900;font-size:12px;letter-spacing:.055em;line-height:1.25;text-align:center;transition:transform .2s,background .2s,box-shadow .2s}.button:hover:not(:disabled){transform:translateY(-3px)}.button.primary{background:var(--pink);color:#201522;box-shadow:0 12px 38px #ff80ac19}.button.primary:hover{background:#ffa4c2;box-shadow:0 15px 44px #ff80ac38}.button.secondary{background:#ffffff0b;color:#fbecf3;border-color:#ffffff46}.button.secondary:hover{background:#ffffff1b}.button.light{background:var(--cream);color:#281528}.button.full{width:100%}.text-button{color:#e1d5df;background:none;border:none;display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.07em;font-weight:900;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--pink)}.kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--pink)}
/* Home */
.hero{min-height:655px;display:grid;grid-template-columns:53% 47%;align-items:center;padding:53px 0 56px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:.18em;color:#e2ccd8;font-size:10px;font-weight:800;margin-bottom:32px}.eyebrow-dot{width:8px;height:8px;background:var(--pink);border-radius:50%;box-shadow:0 0 15px var(--pink)}.eyebrow-line{width:43px;height:1px;background:#ffffff55}.hero h1{font-size:clamp(48px,6.65vw,95px);letter-spacing:-.084em;line-height:.98;margin-bottom:29px;white-space:nowrap}.hero h1 em{font-style:italic;font-weight:800}.hero-q{color:var(--peach)}.hero-intro{font-size:17px;line-height:1.8;max-width:490px;color:#c8bdce;margin:0 0 32px}.hero-intro strong{color:#f8eefa;font-weight:600}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{margin-top:64px;display:flex;align-items:center;gap:25px}.hero-meta>div{display:flex;flex-direction:column;gap:6px}.hero-meta strong{font-size:24px;letter-spacing:-.06em;font-weight:900;color:var(--cream)}.hero-meta span{font-size:9px;font-weight:800;letter-spacing:.11em;color:#a39bac}.hero-meta i{height:30px;width:1px;background:#ffffff34}.hero-art{min-height:540px;position:relative;display:grid;place-items:center;transform:translateX(18px)}.hero-art-grid{position:absolute;inset:20px;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse,#0003,transparent 78%)}.record-halo{width:min(34vw,455px);height:min(34vw,455px);display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#ffafca55,#d7a8ff21 60%,#fdac802c);box-shadow:0 0 0 24px #ff80ac07,0 0 0 63px #ffffff02;position:relative;transform:rotate(-17deg)}.vinyl{width:90%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 3px,#ffffff15 4px 5px,transparent 6px 10px),conic-gradient(from 35deg,#ef7ca8,#ffc2a5,#e2a1d6,#b891fc,#fa8eaf,#ffced1,#ef7ca8);position:relative;display:grid;place-items:center;box-shadow:inset 18px 25px 35px #ffffff40,inset -22px -18px 35px #10072266,0 35px 65px #05030b80}.vinyl:before{content:"";position:absolute;inset:4%;border-radius:50%;border:2px solid #ffffff50}.vinyl-grooves{position:absolute;inset:10%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 4px,#ffffff18 5px 6px,transparent 7px 11px);opacity:.9}.vinyl-label{width:35%;aspect-ratio:1;border-radius:50%;background:#22172d;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--cream);gap:4px;border:5px solid #f9c2d0;position:relative;z-index:2}.vinyl-label span{font-size:8px;letter-spacing:.16em;font-weight:800}.vinyl-label b{font-size:38px;letter-spacing:-.1em;line-height:1}.vinyl-hole{position:absolute;z-index:3;width:9px;height:9px;background:#faf6f1;border-radius:50%;box-shadow:inset 0 1px 3px #0008}.art-sticker{position:absolute;right:10px;bottom:79px;z-index:4;background:#e5f5aa;color:#292637;font-weight:950;font-size:20px;line-height:1.05;padding:26px 21px;transform:rotate(12deg);border-radius:50%;width:134px;height:134px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;letter-spacing:-.06em;box-shadow:10px 12px 0 #0605072a}.art-sticker span{position:absolute;right:10px;top:15px;font-size:18px}.orbit-label{position:absolute;font-size:10px;font-weight:800;letter-spacing:.15em;color:#ba9bb3}.orbit-top{right:3%;top:31px}.orbit-bottom{left:5%;bottom:34px}.ticker{width:100vw;margin-left:calc((min(1250px,100vw - 96px) - 100vw)/2);background:var(--pink);color:#281625;height:56px;display:flex;align-items:center;overflow:hidden}.ticker-track{display:flex;gap:38px;white-space:nowrap;animation:marquee 38s linear infinite;font-weight:950;font-size:12px;letter-spacing:.14em}@keyframes marquee{to{transform:translateX(-50%)}}.below-hero{padding:100px 0 90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:36px}.section-heading h2{font-size:clamp(44px,5.2vw,72px);line-height:1.04;margin:16px 0 0}.section-heading h2 em{font-style:italic}.section-heading p{max-width:270px;color:var(--muted);line-height:1.8;margin-bottom:6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:250px;padding:30px;background:#ffffff07;border:1px solid #ffffff22;border-radius:12px;position:relative}.feature-number{font-weight:900;letter-spacing:.12em;color:#aaa0b2;font-size:11px}.feature-icon{width:56px;height:56px;border:1px solid #ffffff29;display:grid;place-items:center;color:var(--pink);border-radius:14px;margin:20px 0}.feature-card h3{font-size:19px;letter-spacing:-.03em;margin:0 0 11px}.feature-card p{line-height:1.65;font-size:13px;color:#b9b0c0;margin:0}.cta-strip{background:linear-gradient(115deg,#f7a4bd,#ff87ab 62%,#ffb39e);color:#281526;border-radius:13px;padding:42px 48px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-strip .kicker{color:#733a59}.cta-strip h2{font-size:28px;margin:8px 0}.cta-strip h2 em{color:#631a53}.cta-strip p{font-size:13px;margin:0;color:#5a3d50}
/* Setup */
.narrow-page{width:min(720px,100%);margin:0 auto;padding:70px 0 25px}.page-top{text-align:center;max-width:760px;margin:0 auto 42px}.page-top h1{font-size:clamp(48px,7.5vw,82px);line-height:1.04;margin:15px 0}.page-top p{color:#bcb0c2;font-size:16px;line-height:1.7;max-width:570px;margin:0 auto}.setup-card{background:#262034;border:1px solid #ffffff25;border-radius:16px;padding:42px;box-shadow:0 28px 70px #06030e38}.form-label{display:block;font-size:11px;font-weight:850;color:#e9dce7;letter-spacing:.14em;margin-bottom:14px}#player-name{width:100%;min-height:59px;border:1px solid #ffffff40;border-radius:7px;background:#171321;color:#fff;padding:15px;font-size:17px}#player-name::placeholder{color:#91859e}.input-hint{display:block;color:#998fa1;font-size:12px;margin-top:9px}.difficulty-set{padding:0;border:0;margin:33px 0}.difficulty-set legend{margin-bottom:14px}.difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.difficulty-option{cursor:pointer;display:flex;flex-direction:column;gap:10px;position:relative;border:1px solid #ffffff2c;background:#1b1727;border-radius:9px;padding:20px;min-height:170px}.difficulty-option.selected{background:#ff80ac15;border-color:#ff80ac}.difficulty-option input{position:absolute;right:18px;top:16px;accent-color:var(--pink)}.option-top{font-size:9px;font-weight:900;letter-spacing:.14em;color:#a99aaf;display:flex;justify-content:space-between;padding-right:14px}.difficulty-option strong{font-size:24px;font-weight:900;letter-spacing:-.035em}.difficulty-option small{font-size:12px;color:#beb1c3}.difficulty-tag{margin-top:auto;font-size:9px;color:var(--peach);font-weight:900;letter-spacing:.12em}.card-footnote{display:flex;align-items:center;justify-content:center;gap:8px;color:#a8a0af;font-size:12px;margin:18px 0 0}
/* Game */
.game-page{padding:50px 0 5px}.game-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.game-top h1{font-size:clamp(39px,5.6vw,66px);margin:12px 0 30px}.game-score{text-align:right;margin-bottom:25px;display:flex;flex-direction:column;gap:4px}.game-score span,.game-score small{color:#a99eae;letter-spacing:.12em;font-size:10px;font-weight:900}.game-score strong{font-size:35px;letter-spacing:-.07em}.game-score small{color:var(--pink)}.round-progress{display:flex;gap:8px;margin-bottom:25px}.round-progress span{height:6px;background:#ffffff22;flex:1;border-radius:9px}.round-progress span.done{background:#e5f5aa}.round-progress span.current{background:var(--pink)}.game-columns{display:grid;grid-template-columns:46% 1fr;gap:20px;align-items:stretch}.listening-panel{border-radius:14px;padding:29px 31px;background:radial-gradient(ellipse 65% 50% at 50% 43%,#5d345b,#2b2238 80%);min-height:560px;border:1px solid #ffffff24;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.panel-head{width:100%;display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.08em;color:#e2cfdc;font-weight:900}.panel-live{display:flex;align-items:center;gap:7px}.panel-live b{width:8px;height:8px;background:var(--pink);border-radius:50%}.mini-record{position:relative;width:248px;height:248px;display:grid;place-items:center;margin:36px auto 6px}.mini-disc{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 7px,#ffffff16 8px 9px,transparent 10px 14px),conic-gradient(#ffafcd,#ff7ca9,#bb9af4,#ffc4af,#ffafcd);box-shadow:inset -20px -13px 45px #30132377,0 23px 38px #0007;display:grid;place-items:center;animation:rotateDisc 13s linear infinite}.mini-label{width:90px;height:90px;border-radius:50%;background:#241729;border:5px solid #ffdfdf;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:29px;font-weight:900;letter-spacing:-.1em}.mini-label span{font-size:24px;color:#ffc4aa}.mini-record-glow{position:absolute;z-index:-1;inset:0;filter:blur(40px);background:#ff80ac4a}.soundbar-row{height:54px;width:100%;display:grid;place-items:center}.sound-visual{height:46px;display:flex;align-items:center;justify-content:center;gap:4px}.sound-visual span{width:5px;height:var(--h);max-height:90%;border-radius:8px;background:#ffbdd2;opacity:.85;transform-origin:center;transform:scaleY(.4);transition:transform .2s}.sound-visual.is-playing span{animation:barBounce .7s ease-in-out calc(var(--i)*-40ms) infinite alternate}.clip-hint{font-size:9px;letter-spacing:.12em;color:#ffdded;font-weight:800;margin-top:10px}.listen-button{width:100%;margin-top:auto;margin-bottom:0;background:#ffc4dc;color:#331b30;border-color:#ffc4dc;display:flex;flex-wrap:wrap}.replay-count{font-size:9px;opacity:.68;letter-spacing:.07em}.audio-error{color:#ffdebb;align-self:start;font-size:12px}.answer-panel{background:#272233;border:1px solid #ffffff2b;border-radius:14px;padding:37px;display:flex;flex-direction:column}.answer-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.answer-top h2{font-size:clamp(30px,3.4vw,47px);line-height:1.06;margin:12px 0 20px}.timer{display:flex;align-items:center;gap:5px;color:#ffd6e3;background:#ffffff0c;border:1px solid #ffffff25;padding:10px 13px;border-radius:8px}.timer strong{font-weight:900;font-size:26px;letter-spacing:-.045em}.timer span{font-size:9px;color:#b5a7b8;font-weight:800}.timer-track{height:3px;background:#ffffff20;border-radius:3px}.timer-track span{display:block;height:100%;width:100%;background:var(--pink);transition:width .1s linear}.timer-track span.urgent{background:#ffbb78}.answer-caption{font-size:13px;color:#b6aebe;line-height:1.6;margin:17px 0}.answer-options{display:grid;gap:10px}.answer-option{border:1px solid #ffffff36;border-radius:8px;background:#ffffff07;color:#f5ecf4;min-height:62px;display:flex;align-items:center;gap:17px;text-align:left;padding:11px 17px;transition:border .15s,background .15s,transform .15s}.answer-option:hover{border-color:var(--pink);background:#ff80ac15;transform:translateX(3px)}.option-key{width:26px;height:26px;border:1px solid #ffffff3a;display:grid;place-items:center;border-radius:5px;color:#ada3b2;font-size:10px;font-weight:850}.option-emoji{font-size:21px}.answer-option strong{font-size:16px;font-weight:800;flex:1}.answer-option svg{color:var(--pink)}.answer-bottom{margin-top:auto;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#92889b;font-size:9px;letter-spacing:.08em;font-weight:850}.game-footer{display:flex;justify-content:space-between;gap:18px;margin:22px 0;color:#9d93a5;font-size:10px;letter-spacing:.08em;font-weight:850}.reveal{border:1px solid #ffffff26;padding:25px;background:#ffffff0b;border-radius:10px;margin:7px 0 17px}.reveal.correct{border-color:#c5eca866;background:#c5eca80e}.reveal.wrong{border-color:#ffc0a166}.reveal-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#a3d7a4;color:#1d2a1d;margin-bottom:15px}.reveal.wrong .reveal-icon{background:#ffb2a1;color:#372329}.reveal .kicker{font-size:10px}.reveal h3{font-size:34px;margin:8px 0}.reveal p{color:#c5bbc9;line-height:1.5;font-size:13px}.reveal-track{font-size:11px;color:#afa2b5}.reveal-track strong{color:white}.reveal-points{font-size:20px;font-weight:900;color:#e7f2b8;margin-top:21px}.reveal-points span{font-size:11px;color:#a8b99c}
/* Results */
.results-page{max-width:920px;margin:auto;padding:64px 0 10px}.results-heading{text-align:center}.results-heading h1{font-size:clamp(39px,6.5vw,75px);margin:17px 0 12px}.results-heading p{color:#bcb2c2;font-size:16px}.results-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:39px 0}.final-score{border-radius:13px;background:linear-gradient(110deg,#ff9fbc,#ffd0ba);min-height:235px;padding:32px;color:#231827;display:flex;flex-direction:column;position:relative;overflow:hidden}.final-score>span,.final-score small{font-size:11px;letter-spacing:.1em;font-weight:900}.final-score strong{font-size:clamp(56px,8.5vw,96px);letter-spacing:-.09em;line-height:1.2;position:relative;z-index:1}.score-disc{position:absolute;right:-33px;bottom:-55px;width:205px;height:205px;border-radius:50%;border:20px double #28152825;display:grid;place-items:center;transform:rotate(-20deg)}.stats-column{display:grid;gap:18px}.stats-column>div{border:1px solid #ffffff24;border-radius:13px;background:#ffffff09;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:13px}.stats-column span{font-size:10px;letter-spacing:.12em;color:#b5aabd;font-weight:900}.stats-column strong{font-size:34px;font-weight:900;letter-spacing:-.06em}.stats-column small{font-size:13px;color:#a89baa;margin-left:10px;letter-spacing:.02em}.round-recap{border:1px solid #ffffff27;border-radius:13px;overflow:hidden}.recap-title{padding:23px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.recap-title h2{font-size:17px;letter-spacing:-.01em;margin:0}.recap-title span{font-size:10px;letter-spacing:.12em;color:#a69aa9}.recap-row{display:flex;align-items:center;gap:18px;padding:13px 26px;border-bottom:1px solid #ffffff18}.recap-row:last-child{border:0}.recap-index{font-size:11px;color:#92899a}.recap-status{width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.recap-status.good{background:#aed6a333;color:#c2e8b4}.recap-status.bad{background:#ffb5aa25;color:#ffc3b3}.recap-name{display:flex;flex:1;flex-direction:column;gap:5px}.recap-name strong{font-size:13px}.recap-name small{font-size:10px;letter-spacing:.08em;color:#a99cb0}.recap-points{font-size:15px}.results-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:27px 0}.results-footnote{text-align:center;color:#99909e;font-size:12px}
/* Leaderboard */
.leaderboard-page{max-width:850px;margin:auto;padding:70px 0}.leaderboard-intro{margin-bottom:40px}.leaderboard-card{border:1px solid #ffffff2c;background:#23202f;border-radius:12px;overflow:hidden}.leaderboard-head{display:flex;justify-content:space-between;background:#ffffff0d;color:#a89ab1;padding:20px 28px;font-size:10px;letter-spacing:.12em;font-weight:900}.leader-row{padding:20px 28px;display:flex;align-items:center;gap:21px;border-top:1px solid #ffffff1a}.leader-rank{font-weight:900;font-size:24px;color:#8a8294;width:41px}.leader-rank.top{color:var(--pink)}.leader-person{display:flex;flex:1;flex-direction:column;gap:6px}.leader-person strong{font-size:16px}.leader-person small{font-size:10px;letter-spacing:.08em;color:#aba1b1}.leader-score{font-size:24px;letter-spacing:-.03em}.empty-board{padding:72px 25px;text-align:center}.empty-board>span{font-size:60px;color:var(--pink)}.empty-board h2{margin:15px 0}.empty-board p{font-size:13px;color:#bdb2c4;margin-bottom:28px}.leader-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:25px}
/* Discover */
.discover-page{padding:72px 0 30px}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.genre-card{background:#ffffff09;border:1px solid #ffffff25;border-radius:13px;min-height:305px;padding:25px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s,border .2s}.genre-card:hover{border-color:var(--genre-color);transform:translateY(-4px)}.genre-card:before{content:"";position:absolute;right:-75px;top:-100px;width:210px;height:210px;background:var(--genre-color);filter:blur(100px);opacity:.11}.genre-card-top{display:flex;justify-content:space-between;align-items:center;z-index:1;color:#aea0b2;letter-spacing:.12em;font-size:10px;font-weight:900}.genre-play{height:44px;width:44px;border-radius:50%;border:1px solid var(--genre-color);background:var(--genre-color);color:#201523;display:grid;place-items:center;transition:transform .2s}.genre-play:hover{transform:scale(1.1)}.genre-symbol{font-size:43px;margin:22px 0 11px}.genre-card h2{font-size:29px;margin:0 0 5px}.genre-card strong{font-size:12px;color:var(--genre-color);letter-spacing:.02em}.genre-card p{color:#b8adbd;font-size:13px;line-height:1.55;margin:12px 0 20px}.genre-wave{color:var(--genre-color);letter-spacing:.15em;font-size:14px;margin-top:auto}.discover-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;border:1px solid #ffffff2b;background:linear-gradient(100deg,#3d293e,#2e263b);border-radius:13px;padding:40px}.discover-bottom h2{font-size:29px;line-height:1.05;margin:10px 0 0}.discover-note{display:flex;align-items:center;gap:9px;color:#a69aab;font-size:12px;margin-top:22px}
@keyframes rotateDisc{to{transform:rotate(360deg)}}@keyframes barBounce{from{transform:scaleY(.35)}to{transform:scaleY(1.02)}}
@media(max-width:1050px){.wrap{width:calc(100% - 58px)}.hero{grid-template-columns:52% 48%;min-height:590px}.hero h1{font-size:clamp(47px,6.4vw,74px)}.hero-art{transform:none}.record-halo{width:36vw;height:36vw}.ticker{margin-left:-29px}.art-sticker{width:113px;height:113px;font-size:17px;bottom:80px}.hero-actions .button{padding:15px 17px}.desktop-nav{gap:17px}.game-columns{grid-template-columns:45% 55%;gap:13px}.answer-panel{padding:26px}.listening-panel{padding:21px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:72px}.brand{font-size:16px}.brand-mark{width:32px;height:32px}.desktop-nav{display:none}.sound-toggle{padding:10px}.sound-toggle span{display:none}.mobile-nav{display:flex;position:fixed;z-index:20;bottom:0;width:100%;height:64px;background:#201a2aee;backdrop-filter:blur(16px);border-top:1px solid #ffffff24;justify-content:space-around;align-items:center}.mobile-nav .nav-link{font-size:10px}.mobile-nav .nav-link.active:after{margin-top:4px}.site-footer{padding:20px 0 83px;min-height:auto;display:flex;flex-direction:column;align-items:start;gap:8px;line-height:1.5}main{padding-bottom:55px}.hero{grid-template-columns:1fr;min-height:0;padding:55px 0 36px}.eyebrow{font-size:9px;margin-bottom:23px}.hero h1{font-size:clamp(49px,11.5vw,76px);margin-bottom:22px}.hero-intro{font-size:15px}.hero-meta{margin-top:38px;gap:18px}.hero-art{min-height:400px;margin:10px 0}.record-halo{width:min(75vw,335px);height:min(75vw,335px)}.art-sticker{bottom:32px;right:7%;width:105px;height:105px;font-size:16px}.orbit-bottom{bottom:15px}.orbit-top{top:15px}.ticker{margin-left:-18px;height:49px}.below-hero{padding:70px 0}.section-heading{display:block}.section-heading h2{font-size:51px}.section-heading p{margin:15px 0 0}.feature-grid,.genre-grid{grid-template-columns:1fr}.feature-card{min-height:0}.cta-strip{padding:30px;flex-direction:column;align-items:start}.cta-strip h2{font-size:25px}.narrow-page{padding:53px 0 25px}.page-top h1{font-size:clamp(49px,10vw,71px)}.setup-card{padding:25px 20px}.game-page{padding:35px 0}.game-top h1{font-size:40px}.game-score strong{font-size:26px}.game-score span,.game-score small{font-size:8px}.game-columns{grid-template-columns:1fr;gap:12px}.listening-panel{min-height:410px}.mini-record{width:160px;height:160px;margin:22px auto 2px}.mini-label{width:65px;height:65px;font-size:22px}.soundbar-row{height:43px}.answer-panel{padding:23px}.answer-top h2{font-size:36px}.game-footer{flex-wrap:wrap;font-size:9px}.results-page{padding:45px 0}.results-grid{grid-template-columns:1fr}.stats-column{grid-template-columns:1fr 1fr}.stats-column>div{padding:18px}.results-heading h1{font-size:48px}.leaderboard-page{padding:55px 0}.leaderboard-head,.leader-row{padding:15px}.leader-person strong{font-size:14px}.leader-score{font-size:20px}.discover-page{padding:50px 0}.genre-card{min-height:0}.discover-bottom{padding:27px;display:block}.discover-bottom .button{margin-top:18px}}
@media(max-width:420px){.hero h1{font-size:clamp(43px,12vw,55px)}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-meta strong{font-size:19px}.hero-meta span{font-size:8px}.difficulty-grid{grid-template-columns:1fr}.difficulty-option{min-height:125px}.option-top{margin-bottom:2px}.answer-option{min-height:55px;padding:10px;gap:11px}.answer-option strong{font-size:14px}.timer strong{font-size:21px}.answer-bottom>span{font-size:8px}.recap-row{padding:10px 12px;gap:10px}.leader-person small{font-size:9px}.leader-rank{font-size:20px;width:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}