:root{--void: #05040b;--void2: #0d0a1c;--cyan: #78f8ff;--cyan-dim: rgba(120, 248, 255, .45);--violet: #8a70ff;--lilac: #c9bcff;--moth: #ffe296;--coral: #ff627a;--ice: #e8fdff;--font: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace}html,body{background:var(--void);color:var(--ice);font-family:var(--font)}.stage{background:var(--void)}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.ebtn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;position:relative;background:#0d0a1c99;border:1px solid rgba(138,112,255,.45);color:var(--lilac);text-decoration:none;transition:transform .15s ease,border-color .2s ease,color .2s ease}.ebtn:after{content:"";position:absolute;right:5px;top:5px;width:4px;height:4px;border-radius:50%;background:var(--cyan);opacity:.7}.ebtn:active{transform:scale(.9);border-color:var(--cyan);color:var(--cyan)}.ebtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:currentColor;stroke:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]:after{background:var(--coral)}.tally{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:2px}.score{font-size:38px;line-height:1;font-weight:600;letter-spacing:.04em;color:var(--ice);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(120,248,255,.45),0 0 2px rgba(120,248,255,.8);transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.18)}.score.mile{animation:mile .7s cubic-bezier(.2,1.4,.4,1)}@keyframes mile{0%{transform:scale(1)}30%{transform:scale(1.3);color:var(--cyan);text-shadow:0 0 30px rgba(120,248,255,.95),0 0 4px #fff}to{transform:scale(1)}}.toast{margin-top:6px;padding:3px 12px;border-radius:99px;font-size:11px;letter-spacing:.3em;padding-left:calc(12px + .3em);color:var(--moth);border:1px solid rgba(255,226,150,.5);background:#0d0a1c99;box-shadow:0 0 16px #ffe29640;opacity:0}.toast.show{animation:toast 2.2s ease forwards}@keyframes toast{0%{opacity:0;transform:translateY(-6px) scale(.9)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.moths{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.12em;color:var(--moth);opacity:.9}.moths i{width:12px;height:8px;position:relative}.moths i:before,.moths i:after{content:"";position:absolute;top:0;width:6px;height:8px;background:var(--moth);border-radius:60% 40%;box-shadow:0 0 6px #ffe296cc}.moths i:before{left:0;transform:rotate(-20deg)}.moths i:after{right:0;transform:rotate(20deg)}.moths.pop{animation:mpop .4s ease}@keyframes mpop{40%{transform:scale(1.35)}}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:calc(60px + var(--safe-t)) 24px calc(40px + var(--safe-b));background:radial-gradient(ellipse 75% 40% at 50% 44%,#05040bd1,#05040b4d 70%,#05040b00)}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:scale(1.04)}}.sonar svg{width:120px;height:120px;overflow:visible}.sonar .r{fill:none;stroke:var(--cyan);stroke-width:1.2;transform-origin:60px 60px;animation:ring 2.7s cubic-bezier(.2,.6,.4,1) infinite;opacity:0}.sonar .r2{animation-delay:.9s}.sonar .r3{animation-delay:1.8s}@keyframes ring{0%{transform:scale(.4);opacity:.9}to{transform:scale(2.9);opacity:0}}.sonar .bat{fill:#1a1430;stroke:var(--lilac);stroke-width:.9;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(138,112,255,.8))}.title h1{margin:4px 0 0;font-size:clamp(44px,15vw,64px);font-weight:300;letter-spacing:.5em;padding-left:.5em;text-transform:lowercase;color:var(--ice);text-shadow:0 0 24px rgba(120,248,255,.55),0 0 2px rgba(232,253,255,.9),-6px 0 18px rgba(138,112,255,.35)}.sub{margin:2px 0 0;font-size:13px;letter-spacing:.42em;padding-left:.42em;color:var(--lilac);opacity:.85}.cta{margin-top:28px;font-size:14px;letter-spacing:.32em;padding-left:.32em;color:var(--cyan);animation:breathe 2.2s ease-in-out infinite}.cta:before{content:"";display:inline-block;width:6px;height:6px;margin-right:12px;vertical-align:2px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.best{margin-top:12px;font-size:12px;letter-spacing:.3em;color:var(--lilac);opacity:.8}.card{left:50%;top:50%;width:min(300px,calc(100% - 48px));transform:translate(-50%,-46%);opacity:0;padding:24px 22px 20px;border-radius:20px;background:linear-gradient(180deg,#100c22f0,#05040bf2);border:1px solid rgba(138,112,255,.5);box-shadow:0 24px 70px #0009,0 0 40px #78f8ff14,inset 0 1px #c9bcff26;transition:opacity .4s ease,transform .5s cubic-bezier(.2,1.3,.4,1)}.card:before{content:"";position:absolute;inset:8px;border-radius:14px;pointer-events:none;background:repeating-radial-gradient(circle at 50% 120%,rgba(120,248,255,.05) 0 1px,transparent 1px 22px)}.card.show{opacity:1;transform:translate(-50%,-50%)}.card{overflow:hidden}.card:after{content:"";position:absolute;left:50%;top:120%;width:260%;aspect-ratio:1;pointer-events:none;z-index:-1;background:conic-gradient(from 0deg,transparent 0 90%,rgba(120,248,255,.07) 99.4%,rgba(200,255,255,.16) 99.7%,transparent 100%);transform:translate(-50%,-50%) rotate(-70deg);animation:sweep 5s linear infinite}@keyframes sweep{to{transform:translate(-50%,-50%) rotate(290deg)}}.card{isolation:isolate}.card.isbest{border-color:#ffe29699;box-shadow:0 24px 70px #0009,0 0 50px #ffe29624,inset 0 1px #ffecc840}.card.isbest .big{text-shadow:0 0 26px rgba(255,226,150,.55),0 0 2px #fff}.eyebrow{font-size:12px;letter-spacing:.32em;padding-left:.32em;color:var(--coral)}.big{font-size:72px;font-weight:600;line-height:1.05;margin-top:6px;color:var(--ice);font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(120,248,255,.5)}.newbest{display:inline-block;position:relative;overflow:hidden;margin-top:8px;padding:5px 14px;border-radius:99px;font-size:12px;letter-spacing:.3em;padding-left:calc(14px + .3em);color:#05040b;background:linear-gradient(90deg,var(--cyan),#c9bcff);box-shadow:0 0 22px #78f8ff99;animation:shine 1.4s ease-in-out infinite}@keyframes shine{0%,to{box-shadow:0 0 10px #78f8ff59}50%{box-shadow:0 0 28px #78f8ffe6}}.rows{margin:16px 4px 0;padding:0}.rows>div{display:flex;justify-content:space-between;align-items:baseline;padding:7px 2px;border-top:1px dashed rgba(138,112,255,.35);font-size:13px;letter-spacing:.2em;color:var(--lilac)}.rows dt,.rows dd{margin:0}.rows dd{font-size:18px;letter-spacing:.04em;color:var(--ice);font-weight:600;font-variant-numeric:tabular-nums}.rows .bestrow dd{color:var(--cyan)}.card .cta{margin-top:16px}.paused{inset:0;display:grid;place-items:center;background:#05040ba6}@media(max-height:640px){.sonar svg{width:90px;height:90px}.cta{margin-top:18px}.big{font-size:60px}}.newbest:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:skew(-20deg);animation:sheen 1.1s .9s ease-out 1 both}@keyframes sheen{to{left:120%}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.sonar .r{animation:none;opacity:1}.card:after,.newbest:after{animation:none;display:none}.score.mile{animation:none}.toast.show{animation:none;opacity:1}.sonar .r2,.sonar .r3{display:none}.score{transition:none}}