@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Inter:wght@400;600;700&display=swap";.scratch{aspect-ratio:1;background:var(--ink);border:3px solid var(--ink);width:5rem;box-shadow:5px 5px 0 var(--mustard);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.scratch-hero{width:clamp(12rem,34vw,24rem);box-shadow:12px 12px 0 var(--mustard)}.scratch-loading{width:clamp(8rem,20vw,13rem);animation:2.6s linear infinite scratch-spin}.scratch-groove{border:2px solid #f3e9d757;border-radius:50%;position:absolute}.scratch-groove-one{inset:10%}.scratch-groove-two{inset:24%}.scratch-label{aspect-ratio:1;background:var(--orange);border:2px solid var(--cream);border-radius:50%;width:34%}.scratch-glasses{gap:2%;width:68%;display:flex;position:absolute;top:27%}.scratch-glasses i{aspect-ratio:1.8;border:3px solid var(--ink);background:#fff;border-radius:50%;width:50%;display:block}.scratch-glasses:after{content:"";background:var(--ink);width:10%;height:3px;position:absolute;top:45%;left:46%}@keyframes scratch-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.scratch-loading{animation:none}}.game-kicker{color:#ff80bc;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:800}.section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.5rem,3.4vw,2.75rem)}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.mode-card{min-height:8rem;color:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:1.25rem;gap:.45rem;padding:1rem;transition:transform .16s,border-color .16s,background .16s;display:grid}.mode-card:hover,.mode-card:focus-visible,.mode-card[data-selected=true]{background:#7d3eff29;border-color:#aa82ff;outline:none;transform:translateY(-2px)}.mode-card strong{font-size:1.25rem}.mode-card>span:last-child{color:#b8afc8;line-height:1.35}.mode-accent{color:#ff80bc;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}@media (width<=560px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:9rem}}@media (prefers-reduced-motion:reduce){.mode-card{transition:none}}.primary-action,.text-action{cursor:pointer;border-radius:999px;min-height:2.75rem;padding:.6rem 1rem;font-weight:800}.primary-action{color:#100d19;background:#f7f3ff;border:0}.primary-action:hover,.primary-action:focus-visible{outline-offset:3px;background:#ff80bc;outline:3px solid #ff80bc47}.primary-action:disabled{cursor:wait;opacity:.65}.text-action{color:#f7f3ff;background:0 0;border:1px solid #ffffff38}.button-row,.email-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.consent-card,.email-gate,.level-result{background:#ffffff0d;border:1px solid #ffffff24;border-radius:1.5rem;gap:.8rem;max-width:44rem;padding:clamp(1rem,3vw,2rem);display:grid}.consent-card h2,.email-gate h2,.level-result h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.6rem,3.6vw,2.75rem)}.consent-card p,.gate-copy,.permission-fallback p{color:#b8afc8;max-width:42rem;line-height:1.45}.mic-orb{background:#ff80bc24;border:1px solid #ff80bc73;border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid}.mic-orb span{background:#ff80bc;border-radius:999px;width:.65rem;height:1.25rem}.permission-fallback{background:#c0205321;border-radius:1rem;padding:1rem}.level-progress{align-items:center;gap:.5rem;display:flex}.level-step{color:#6f687d;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.level-step>span{border:1px solid;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;display:grid}.level-step[data-state=active]{color:#ff80bc}.score-board{background:#ffffff0f;border-radius:1rem;align-items:center;gap:1rem;padding:.65rem .9rem;display:flex}.score-board>span:first-child{display:grid}.score-board small{color:#9c94aa;text-transform:uppercase}.score-board strong{font-size:1.45rem}.combo-pill{color:#9c94aa;border-radius:999px;padding:.35rem .55rem}.lyrics-stage{text-align:center;background:radial-gradient(circle,#7d3eff33,#0000 65%);align-content:center;min-height:15rem;padding:clamp(1rem,3vw,2rem);display:grid}.phase-indicator{color:#ff80bc;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800}.lyrics-lines{gap:.5rem;display:grid}.lyrics-title{color:#ffcf4a;letter-spacing:.12em;margin:0 0 1.25rem;font-size:clamp(1.25rem,3vw,2rem)}.lyric-line{color:#f7f3ff;margin:0;font-size:clamp(1.5rem,4vw,2.75rem);font-weight:750;animation:.22s ease-out lyric-slide-in}.lyric-line[data-active=true]{color:#f7f3ff}@keyframes lyric-slide-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.hint-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:32rem;margin:1rem auto 0;display:grid}.hint-choices button{color:#f7f3ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:1rem;min-height:3.25rem;font-size:1rem;font-weight:800}.hint-choices button:hover:not(:disabled),.hint-choices button:focus-visible:not(:disabled){background:#ff80bc29;border-color:#ff80bc}.hint-choices button:disabled{cursor:default;opacity:.55}.answer-list{gap:.75rem;display:grid}.answer-card{background:#0000002e;border-radius:1rem;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:.65rem;padding:.7rem;display:grid}.answer-card p{gap:.2rem;margin:0;display:grid}.answer-card p span{color:#8f879e;text-transform:uppercase;font-size:.72rem}.answer-number{color:#8f879e;font-variant-numeric:tabular-nums}.answer-good{color:#a7f3d0}.answer-missed{color:#ff9aba}.timeout-actions{color:#ffe2b8;background:#c2741426;border:1px solid #ffc2704d;border-radius:1rem;gap:.75rem;padding:1rem;display:grid}.timeout-actions p{color:#c8bca9;margin:0}.email-gate form{gap:.6rem;display:grid}.email-gate label{font-size:.8rem;font-weight:800}.email-gate input{color:#f7f3ff;background:#171221;border:1px solid #fff3;border-radius:999px;flex:15rem;min-height:3.25rem;padding:0 1rem}.email-gate input:focus{border-color:#ff80bc;outline:3px solid #ff80bc2e}.form-error{color:#ff9aba;margin:0}.share-result{justify-items:center;gap:.4rem;display:grid}.share-result p{color:#b8afc8;margin:0;font-size:.85rem}@media (width<=680px){.level-progress{align-items:start}.level-step strong{display:none}.answer-card{grid-template-columns:auto 1fr auto}.answer-card p{grid-column:2}.answer-card>strong{grid-area:1/3/span 2}.email-row>*{width:100%}}.home-page{width:min(100%,72rem);margin:0 auto;padding:1rem 0 2.5rem}.landing-grid{grid-template-columns:minmax(17rem,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);min-height:calc(100vh - 7rem);display:grid}.landing-grid .charts{width:100%;max-width:none;margin:0}.challenge-pitch h1{max-width:11ch}.challenge-pitch h1 em{color:var(--orange);font-style:normal}.challenge-pitch p:not(.eyebrow){max-width:32rem;font-size:1rem}.flow-panel,.create-form,.player-join{max-width:44rem;margin:2rem auto}.create-form{gap:.7rem;display:grid}.create-form textarea{resize:vertical;min-height:6rem}.create-form fieldset{border:0;padding:0}.preset-row,.style-row{flex-wrap:wrap;gap:.6rem;display:flex}.style-row button[aria-pressed=true]{color:var(--cream);background:var(--green);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}@media (width<=720px){.landing-grid{grid-template-columns:1fr;padding:2rem 0 4rem}.challenge-pitch{grid-row:1}}@media (height<=820px) and (width>=721px){.home-page{padding-top:.6rem}.flow-panel,.create-form,.player-join{margin:1.25rem auto}.create-form textarea{min-height:5rem}}.result-page{place-items:center;width:min(100%,76rem);min-height:calc(100vh - 4rem);margin:0 auto;padding:1.5rem 0 2.5rem;display:grid}.result-card{text-align:center;background:linear-gradient(145deg,#7d3eff2e,#ff428f1a);border:1px solid #ffffff24;border-radius:1rem;width:min(100%,38rem);padding:clamp(1.1rem,3vw,2.25rem);box-shadow:0 2rem 8rem #00000059}.result-card h1{font-variant-numeric:tabular-nums;max-width:none}.result-mode,.result-label{color:#cdb9ff;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.result-message{color:#c8c1d3;max-width:32rem;margin:1rem auto;font-size:1rem;line-height:1.45}.result-actions{flex-wrap:wrap;justify-content:center;align-items:start;gap:.75rem;display:flex}.beat-score-link,.primary-link{color:#100d19;background:#f7f3ff;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.6rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.result-state{align-content:center;justify-items:start}.result-state h1{font-size:clamp(2.25rem,5.5vw,4.75rem)}.game-page{width:min(100%,76rem);min-height:calc(100vh - 4rem);margin:0 auto;padding:clamp(1rem,2.5vw,2rem) 0 2.5rem}.game-hero{gap:.5rem;margin-bottom:clamp(.9rem,2vw,1.5rem);display:grid}.game-hero h1{max-width:16ch;font-size:clamp(2rem,4.5vw,4rem);line-height:.93}.selected-mode{color:#cdb9ff;letter-spacing:.1em;text-transform:uppercase;border:1px solid #cdb9ff59;border-radius:999px;justify-self:start;padding:.4rem .7rem;font-size:.72rem;font-weight:800}.loading-state,.game-error{border-radius:.9rem;padding:1rem 1.25rem}.loading-state{background:#7d3eff1f}.game-error{color:#ffd3df;background:#c020532e}.game-hud{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.checkpoint-hud{margin-top:-.35rem}.game-countdown{text-align:center;place-content:center;gap:.75rem;min-height:20rem;display:grid}.game-countdown p,.game-countdown span{color:#ff80bc;letter-spacing:.12em;margin:0;font-weight:800}.game-countdown>strong{font-size:clamp(7rem,25vw,15rem);line-height:.8}.countdown-hud{width:min(38rem,92vw)}.total-score-panel{color:#111;background:#ffdf00;border:3px solid #111;gap:.25rem;padding:.65rem;display:grid}.total-score-panel>span{color:#111;font-size:.8rem}@media (width<=680px){.game-hud{display:grid}}:root{color:#f7f3ff;font-synthesis:none;text-rendering:optimizelegibility;background:#100d19;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 20% 15%,#7d3eff38,#0000 30rem),radial-gradient(circle at 85% 80%,#ff428f29,#0000 28rem),#100d19;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}.site-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;max-width:76rem;margin:0 auto;padding:1.5rem 0;display:flex}.wordmark{color:inherit;letter-spacing:-.03em;font-weight:800;text-decoration:none}.build-status{color:#cdb9ff;letter-spacing:.08em;text-transform:uppercase;border:1px solid #cdb9ff59;border-radius:999px;padding:.4rem .75rem;font-size:.75rem}.route-placeholder{align-content:center;max-width:76rem;min-height:calc(100vh - 5rem);margin:0 auto;padding:5rem 0 8rem;display:grid}.eyebrow{color:#ff80bc;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:800}h1{letter-spacing:-.075em;max-width:12ch;margin:0;font-size:clamp(3.25rem,11vw,8rem);line-height:.88}.placeholder-copy{color:#aaa2bb;max-width:34rem;margin:2rem 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}:root{--cream:#f3e9d7;--ink:#1e1a14;--orange:#e8542f;--mustard:#e8a02f;--green:#3e7c59;color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--cream)}h1,h2,h3{color:var(--ink);letter-spacing:-.045em;font-family:Bricolage Grotesque,Impact,sans-serif;line-height:.92}h1{font-size:clamp(2.25rem,5.5vw,4.75rem)}h2{margin:0 0 .6rem;font-size:clamp(1.6rem,3.4vw,3rem)}button,input,textarea,select{min-height:44px;font-family:"Baloo 2",ui-rounded,sans-serif;font-size:1rem}button,.primary-action,.beat-score-link,.primary-link{color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:pointer;background:#fff;border-radius:.45rem;justify-content:center;align-items:center;padding:.55rem .9rem;font-weight:800;text-decoration:none;display:inline-flex}button:hover,button:focus-visible,.primary-action:hover,.primary-action:focus-visible{color:var(--ink);background:var(--mustard);outline-offset:2px;outline:3px solid #fff}.primary-action{color:#fff;background:var(--orange);border:3px solid var(--ink);border-radius:.45rem}button:active,.primary-action:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}input,textarea{width:100%;color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:.35rem;padding:.7rem .85rem}label,legend{font-family:"Baloo 2",sans-serif;font-weight:800}.app-shell{min-height:100vh;padding:0 clamp(1rem,4vw,3rem)}.site-header{border-bottom:3px solid var(--ink);max-width:72rem;padding:.7rem 0}.wordmark{color:var(--ink);font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:900}.build-status{color:var(--ink);background:var(--mustard);border:2px solid var(--ink);border-radius:0}.eyebrow,.game-kicker,.mode-accent,.phase-indicator{color:var(--orange);font-family:"Baloo 2",sans-serif;font-weight:800}.lyric-card,.consent-card,.email-gate,.level-result,.mode-card,.charts{color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:.55rem}.lyric-card{padding:clamp(.9rem,2vw,1.5rem)}.charts{max-width:48rem;margin:1rem auto;padding:.9rem}.charts ol{gap:.6rem;padding:0;list-style:none;display:grid}.charts li{border:2px solid var(--ink);justify-content:space-between;padding:.5rem;display:flex}.charts li[data-color=orange]{background:#f7b09d}.charts li[data-color=mustard]{background:#f2cc7b}.charts li[data-color=green]{color:#fff;background:var(--green)}.mode-card{border:3px solid var(--ink);border-radius:.55rem;min-height:8rem}.mode-card:hover,.mode-card:focus-visible,.mode-card[data-selected=true]{color:var(--ink);background:var(--mustard);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translate(2px,2px)}.mode-card>span:last-child,.consent-card p,.gate-copy{color:var(--ink)}.game-page,.result-page{width:min(100%,72rem)}.game-hero{background:var(--mustard);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);grid-template-columns:auto 1fr;align-items:center;padding:.8rem;position:relative}.game-hero h1,.game-hero p,.game-hero span{grid-column:2}.game-hero .scratch{grid-row:1/span 4}.selected-mode{color:var(--ink);border:2px solid var(--ink);border-radius:0}.game-hud{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;padding:.6rem}.level-step,.level-step[data-state=active]{color:var(--orange)}.level-step[data-state=complete]{color:var(--green)}.score-board{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:.35rem}.score-board small,.combo-pill{color:var(--ink)}.combo-pill[data-active=true]{color:#fff;background:var(--green)}.lyrics-stage{background:var(--mustard);border:3px solid var(--ink);min-height:15rem;box-shadow:6px 6px 0 var(--ink)}.lyrics-lines{gap:.6rem}.lyric-line{color:#6b6256;background:#ffffff94;border:2px solid #0000;gap:.25rem;padding:.55rem;font-family:Bricolage Grotesque,sans-serif;display:grid}.lyric-line>span{color:var(--orange);letter-spacing:.08em;font-family:"Baloo 2",sans-serif;font-size:.75rem}.lyric-line[data-active=true]{color:var(--ink);border-color:var(--orange);box-shadow:5px 5px 0 var(--ink);background:#fff}.hint-choices{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.6rem;display:flex}.hint-choices span{border:2px solid var(--ink);background:#fff;padding:.35rem .65rem}.phase-recording{color:var(--green)}.answer-card,.timeout-actions,.permission-fallback{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:.25rem}.email-gate input{color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:.35rem}.result-page{min-height:auto;padding-bottom:2rem}.result-card{color:var(--ink);background:var(--orange);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);border-radius:.6rem}.result-card:before{aspect-ratio:1;content:"";background:var(--mustard);border:7px solid var(--ink);width:5.5rem;box-shadow:inset 0 0 0 3px var(--mustard), inset 0 0 0 5px var(--ink), 4px 4px 0 #1e1a1459;border-radius:50%;margin:0 auto .6rem;display:block}.result-card h1,.result-mode,.result-label,.result-message{color:var(--ink)}.result-aftercare{width:min(100%,72rem);margin:0 auto 2rem}.route-center,.generation-page{text-align:center;place-content:center;justify-items:center;gap:.6rem;min-height:calc(100vh - 4rem);display:grid}.generation-page .scratch{width:7.5rem;margin-bottom:.4rem}@media (height<=820px) and (width>=721px){.route-center,.generation-page{min-height:calc(100vh - 3.5rem)}.generation-page .scratch{width:6.5rem}}@media (width<=620px){.build-status{display:none}.game-hero{grid-template-columns:1fr}.game-hero h1,.game-hero p,.game-hero span{grid-column:1}.game-hero .scratch{grid-row:auto}.mode-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}