:root{--bg: #05060f;--ink: #eef1ff;--ink-2: #b9bfe6;--muted: #7f87b8;--line: rgba(170, 182, 255, .14);--line-2: rgba(170, 182, 255, .26);--panel: rgba(11, 14, 34, .78);--panel-solid: #0b0e22;--cyan: #5ef1ff;--ember: #ff7a45;--gold: #ffc36b;--good: #7dffb0;--bad: #ff4d6d;--f-ui: "Space Grotesk", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--f-display: "Unbounded", "Space Grotesk", system-ui, sans-serif;--r-lg: 22px;--r-md: 14px;--ease-out: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(1100px 700px at 85% -10%,rgba(124,77,255,.22),transparent 60%),radial-gradient(900px 600px at -5% 25%,rgba(255,106,61,.11),transparent 60%),radial-gradient(700px 500px at 50% 110%,rgba(60,140,255,.16),transparent 70%),var(--bg);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body:after{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #ff285000;z-index:5}body.hurt:after{animation:hurt .9s ease-out}@keyframes hurt{0%{box-shadow:inset 0 0 160px #ff28508c}to{box-shadow:inset 0 0 160px #ff285000}}[hidden]{display:none!important}#field{position:fixed;inset:0;display:block}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:15px;letter-spacing:.01em;transition:transform .15s var(--ease-out),background .2s,border-color .2s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,#7ff5ff,#36c9e6);color:#031018;box-shadow:0 8px 28px -8px #5ef1ff8c,inset 0 1px #ffffff80}.btn.primary:hover{box-shadow:0 10px 34px -6px #5ef1ffbf,inset 0 1px #ffffff80}.btn.ghost{background:#ffffff0a;border-color:var(--line-2)}.btn.ghost:hover{background:#ffffff14}.btn.link{background:none;color:var(--ink-2);padding:0 12px}.btn.link:hover{color:var(--ink)}.btn.block{width:100%}.btn kbd{font-family:var(--f-mono);font-size:11px;padding:2px 6px;border-radius:6px;background:#03101826}.corner{position:fixed;top:max(14px,env(safe-area-inset-top));right:16px;display:flex;gap:8px;z-index:30}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#0b0e2299;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,border-color .2s}.icon-btn:hover{background:#1e2450b3;border-color:var(--line-2)}.icon-btn svg{width:18px;height:18px;fill:none;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#mute-btn .off,#mute-btn.muted .on{display:none}#mute-btn.muted .off{display:block}.eyebrow{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.screen{position:fixed;inset:0;overflow-y:auto;z-index:20}.menu-inner{max-width:1040px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 24px 160px;animation:rise .7s var(--ease-out) both}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:15px;letter-spacing:.02em;height:40px}.brand svg{width:26px;height:26px;fill:none;stroke:var(--ember);stroke-width:3;stroke-linecap:round}.brand-text{display:flex;flex-direction:column;gap:3px;line-height:1}.brand-text small{font-family:var(--f-ui);font-weight:500;font-size:12px;letter-spacing:.01em;color:var(--muted)}.brand svg circle{fill:#d39a72;stroke:none}h1{font-family:var(--f-display);font-weight:800;font-size:clamp(38px,7vw,80px);line-height:.98;letter-spacing:-.035em;margin:clamp(36px,8vh,80px) 0 20px;text-wrap:balance}h1 span{background:linear-gradient(90deg,var(--cyan),#a7b6ff 60%,#ffb3d1);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{max-width:560px;font-size:clamp(16px,1.6vw,18px);line-height:1.55;color:var(--ink-2);margin:0 0 28px}.steps{list-style:none;padding:0;margin:0 0 56px;display:flex;flex-wrap:wrap;gap:10px}.steps li{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--line);background:#ffffff06;font-size:14px;color:var(--ink-2)}.steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:12px;background:#5ef1ff1f;color:var(--cyan)}.steps em{font-style:normal;color:var(--ink);font-weight:600}.menu h2{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:-.01em;margin:0 0 16px}.sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.week{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--r-lg);background:linear-gradient(180deg,#161b3ebf,#0b0e22bf);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s,transform .25s var(--ease-out)}.week:hover{border-color:var(--line-2);transform:translateY(-2px)}.week header{display:flex;justify-content:space-between;align-items:center}.week .eyebrow{color:var(--cyan);letter-spacing:.1em}.best{font-family:var(--f-mono);font-size:11px;color:var(--gold);padding:3px 8px;border-radius:999px;background:#ffc36b1a}.range{margin:0;font-family:var(--f-display);font-weight:800;font-size:28px;letter-spacing:-.02em}.preview{margin:0 0 4px;font-family:var(--f-mono);font-size:12.5px;color:var(--muted);line-height:1.5}.preview span{color:var(--ink-2)}.days{display:grid;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:6px;margin-bottom:4px}.week .days{margin-top:auto}.days-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}.chip{min-height:36px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line);font-family:var(--f-mono);font-size:14px;font-weight:600;color:var(--ink-2);transition:background .2s,color .2s,border-color .2s}.chip:hover{background:#5ef1ff1a;border-color:#5ef1ff66;color:var(--ink)}.endless{grid-column:1 / -1;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 70px 22px 22px;text-align:left;border-radius:var(--r-lg);border:1px solid rgba(255,122,69,.3);background:radial-gradient(400px 200px at 100% 0%,rgba(255,122,69,.25),transparent 70%),linear-gradient(180deg,#28141eb3,#100c1ebf);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s,transform .25s var(--ease-out)}.endless:hover{border-color:#ff7a4599;transform:translateY(-2px)}.endless .eyebrow{color:var(--ember)}.endless strong{font-family:var(--f-display);font-weight:700;font-size:clamp(18px,2.2vw,24px);letter-spacing:-.02em}.endless .meta{font-size:14px;color:var(--ink-2)}.endless .arrow{position:absolute;right:22px;top:50%;translate:0 -50%;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--ember);color:#1a0700;font-weight:700;transition:transform .25s var(--ease-out)}.endless:hover .arrow{transform:translate(4px)}.hud{position:fixed;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 112px 0 20px;z-index:10;pointer-events:none}.hud-score{display:flex;flex-direction:column}.hud-score .label{font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hud-score .value{font-family:var(--f-display);font-weight:700;font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hud-mid{display:flex;flex-direction:column;align-items:center;gap:8px}.combo{font-family:var(--f-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:#0b0e2299;transition:color .2s,border-color .2s,box-shadow .2s}.combo span{font-family:var(--f-display);font-size:14px}.combo.hot{color:var(--cyan);border-color:#5ef1ff80;box-shadow:0 0 24px -4px #5ef1ff80;animation:pop .35s var(--ease-out)}.combo[data-level="4"],.combo[data-level="5"]{color:var(--gold);border-color:#ffc36b99;box-shadow:0 0 28px -4px #ffc36b99}.progress{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;color:var(--ink-2)}.progress .bar{width:140px;height:4px;border-radius:4px;background:#ffffff14;overflow:hidden}.progress .fill{height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--good));transition:width .5s var(--ease-out)}.progress.endless .bar{display:none}.lives{justify-self:end;display:flex;gap:6px}.life svg{width:24px;height:24px;fill:#5ef1ff33;stroke:var(--cyan);stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(94,241,255,.6));transition:all .3s}.life.lost svg{fill:none;stroke:#aab6ff40;filter:none}.life.breaking svg{animation:breakShield .6s var(--ease-out)}@keyframes breakShield{0%{transform:scale(1.4);stroke:var(--bad);filter:drop-shadow(0 0 10px var(--bad))}to{transform:scale(1)}}.banner{position:fixed;left:0;right:0;top:34%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;pointer-events:none;opacity:0;z-index:10}.banner .eyebrow{color:var(--cyan);font-size:13px}.banner .title{font-family:var(--f-display);font-weight:800;font-size:clamp(32px,6vw,56px);letter-spacing:-.03em}.banner.show{animation:banner 1.6s var(--ease-out) forwards}@keyframes banner{0%{opacity:0;transform:translateY(14px) scale(.97);filter:blur(6px)}25%{opacity:1;transform:none;filter:none}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.prompt{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));translate:-50% 0;width:min(660px,calc(100vw - 32px));padding:14px 18px 16px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px -20px #000c,inset 0 1px #ffffff0d;z-index:10;transition:border-color .25s,box-shadow .25s}.prompt.enter .prompt-def{animation:defIn .45s var(--ease-out)}@keyframes defIn{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}}.prompt.good{border-color:#7dffb0a6;box-shadow:0 0 0 1px #7dffb040,0 0 50px -10px #7dffb073}.prompt.bad{border-color:#ff4d6da6;box-shadow:0 0 0 1px #ff4d6d40,0 0 50px -10px #ff4d6d73;animation:shake .4s}.tip{margin:-2px 0 12px;padding:8px 12px;border-radius:10px;background:#5ef1ff1a;color:var(--cyan);font-size:13px;font-weight:500}.tip:before{content:"↑ "}.prompt-meta{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);min-height:20px}.pos{letter-spacing:.04em;text-transform:none;color:var(--ink-2);padding:2px 7px;border-radius:6px;background:#ffffff0f}.result{margin-left:auto;letter-spacing:.04em;text-transform:none;font-size:13px}.result b{font-family:var(--f-mono);color:var(--good)}.prompt.good .result{color:var(--good)}.prompt.bad .result{color:#ff9aab}.prompt-def{margin:8px 0 14px;font-weight:600;font-size:clamp(19px,2.6vw,26px);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.typed{display:flex;align-items:center;height:44px;padding:0 14px;border-radius:12px;background:#0000004d;border:1px solid var(--line);font-family:var(--f-mono);font-size:19px;font-weight:600;color:var(--cyan);cursor:text}.typed-text{white-space:pre}.caret{width:2px;height:22px;margin-left:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:blink 1s steps(1) infinite}.placeholder{margin-left:10px;font-family:var(--f-ui);font-size:15px;font-weight:500;color:var(--muted)}.typed.nope{animation:shake .3s;border-color:#ff4d6d99}@keyframes blink{50%{opacity:0}}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes pop{50%{transform:scale(1.12)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.typer{position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:0;font-size:16px;pointer-events:none}.overlay{display:grid;place-items:center;padding:24px 16px;background:#03040c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:25;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}}.panel{width:min(620px,100%);padding:28px;border-radius:26px;background:linear-gradient(180deg,#161b3eeb,#090b1cf0);border:1px solid var(--line-2);box-shadow:0 40px 120px -30px #000000e6;animation:rise .5s var(--ease-out)}.panel.small{width:min(360px,100%);text-align:center}.panel h2{font-family:var(--f-display);font-weight:800;font-size:clamp(32px,6vw,44px);letter-spacing:-.03em;margin:8px 0 6px}.panel.small h2{margin-bottom:22px}.panel h2.win{background:linear-gradient(90deg,var(--good),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.panel h2.lose{color:#ffb1bf}.sub{margin:0 0 22px;color:var(--ink-2);font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.panel.small .actions{flex-direction:column}.stats{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px}.stat{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:var(--r-md);background:#ffffff09;border:1px solid var(--line)}.stat span{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.stat b{font-family:var(--f-display);font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat.big b{font-size:30px;color:var(--gold)}.stat em,.stat small{font-style:normal;font-size:12px;color:var(--muted)}.stat em{align-self:flex-start;color:#1a0f00;background:var(--gold);font-weight:700;padding:2px 8px;border-radius:999px;animation:pop .6s var(--ease-out) .3s}.panel h3{display:flex;align-items:center;gap:8px;margin:26px 0 10px;font-size:15px;font-weight:600}.panel h3 span{font-family:var(--f-mono);font-size:11px;padding:2px 7px;border-radius:999px;background:#ff4d6d29;color:#ff9aab}.review{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:34vh;overflow-y:auto}.review li{padding:12px 14px;border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--line)}.rw{display:flex;align-items:baseline;gap:8px}.rw b{font-family:var(--f-mono);font-size:16px;color:var(--cyan)}.rw i{font-style:normal;font-size:12px;color:var(--muted)}.rw .miss{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:#ff9aab}.review p{margin:4px 0 0;color:var(--ink-2);font-size:14.5px}.clean{margin:24px 0 0;color:var(--good)}@media(max-width:640px){.menu-inner{padding-left:16px;padding-right:16px}.hud{padding-left:16px;padding-right:108px;grid-template-columns:auto 1fr}.hud-mid{display:none}.hud-score .value{font-size:22px}.life svg{width:20px;height:20px}.panel{padding:22px 18px}.stats{grid-template-columns:1fr 1fr}.actions .btn{flex:1 1 auto}.endless{padding-right:66px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}