*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}:root{--bg: #0a0a14;--cyan: #00F0FF;--magenta: #FF2D95;--lime: #39FF14;--orange: #FF6700;--red: #FF3131;--yellow: #FFF200;--cobalt: #1a3a8f;--ink: #eaf6ff;--panel: #11121f;--line: #262842}html,body{height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:Orbitron,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100%;height:100dvh}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#screen-start,#screen-result,#screen-countdown{background:radial-gradient(ellipse 90% 55% at 50% -10%,rgba(0,240,255,.12),transparent 60%),radial-gradient(ellipse 120% 60% at 50% 8%,rgba(26,58,143,.18),transparent 65%),radial-gradient(ellipse 80% 50% at 50% 115%,rgba(255,45,149,.11),transparent 60%),var(--bg)}.event-name{font-family:system-ui,sans-serif;font-size:.82rem;letter-spacing:.06em;color:#eaf6ff9e;min-height:1em;margin-top:-6px}.lale{width:170px;height:28px;margin:-2px 0}.lale-line{stroke:#00f0ff59;stroke-width:1.5;fill:none}.lale-bloom{stroke:var(--magenta);stroke-width:1.8;fill:none;opacity:.85;filter:drop-shadow(0 0 4px rgba(255,45,149,.6))}.lale-small{width:140px;height:24px}.start-inner{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(92vw,420px);text-align:center;padding:18px 0 max(10px,env(safe-area-inset-bottom))}.logo{font-family:Bungee,sans-serif;font-weight:400;font-size:clamp(2.6rem,13vw,3.6rem);line-height:.95;letter-spacing:.02em;color:#f6ffff;text-shadow:0 0 8px rgba(0,240,255,.9),0 0 24px rgba(0,240,255,.55),0 0 64px rgba(0,240,255,.35)}.logo br+*{color:var(--magenta)}.tagline{font-family:"Press Start 2P",monospace;font-size:.62rem;color:var(--cyan);letter-spacing:.12em;opacity:.9;margin-top:2px}.banner{border:1px solid rgba(255,242,0,.7);box-shadow:0 0 14px #fff20040,inset 0 0 14px #fff20014;color:var(--yellow);padding:10px 16px;border-radius:12px;font-weight:700;font-size:.9rem}.name-row{width:100%}.name-row input{width:100%;padding:14px 16px;font-size:1.15rem;text-align:center;background:var(--panel);border:2px solid var(--line);border-radius:14px;color:var(--ink);text-transform:uppercase;outline:none;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.08em}.name-row input:focus{border-color:var(--cyan);box-shadow:0 0 16px #00f0ff59}.name-error{color:var(--red);font-size:.8rem;font-family:system-ui,sans-serif}.btn-big{width:100%;padding:16px;font-size:1.45rem;font-family:Bungee,sans-serif;letter-spacing:.06em;background:linear-gradient(180deg,#21f7ff,#00c4d6);color:#05161c;border:none;border-radius:16px;cursor:pointer;box-shadow:0 0 18px #00f0ff8c,0 6px #0691a1;transition:transform .06s ease}.btn-big:active{transform:translateY(3px) scale(.99);box-shadow:0 0 14px #00f0ff73,0 3px #0691a1}.shake-err{animation:shakeErr .35s;border-color:var(--red)!important}@keyframes shakeErr{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.top3{width:100%;min-height:10px}.top3-title{font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:.2em;color:var(--magenta);margin-bottom:8px}.top3-row{display:flex;gap:10px;padding:7px 12px;border-radius:10px;align-items:center}.top3-row.medal-1{background:#ffd54a17;color:#ffd54a;text-shadow:0 0 10px rgba(255,213,74,.5)}.top3-row.medal-2{color:#cfd8e3}.top3-row.medal-3{color:#ff9e64}.foot{display:flex;flex-direction:column;gap:6px;align-items:center;opacity:.55;font-size:.75rem;font-family:system-ui,sans-serif}.linklike{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:.75rem;font-family:system-ui,sans-serif}.osai-mark{height:13px;vertical-align:-2px}#screen-countdown{flex-direction:column;gap:26px}.count-num{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(6rem,34vw,9rem);line-height:1;color:#f6ffff;text-shadow:0 0 12px rgba(0,240,255,.9),0 0 42px rgba(0,240,255,.5)}.count-num.pop{animation:countPop .32s ease-out}.count-num.go{color:var(--lime);text-shadow:0 0 12px rgba(57,255,20,.9),0 0 48px rgba(57,255,20,.5)}@keyframes countPop{0%{transform:scale(1.45)}to{transform:scale(1)}}.count-hint{font-family:system-ui,sans-serif;font-size:1rem;opacity:.9;padding:0 26px;text-align:center;line-height:1.6}.c-lime{color:var(--lime)}.c-orange{color:var(--orange)}.c-yellow{color:var(--yellow)}#screen-game{display:block;background:var(--bg)}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(10px + env(safe-area-inset-top)) 18px 0;pointer-events:none}.hud-cell{display:flex;flex-direction:column;align-items:center;min-width:74px}.hud-label{font-family:"Press Start 2P",monospace;font-size:.5rem;letter-spacing:.18em;color:#eaf6ff8c;margin-bottom:3px}#hud-score,#hud-timer{font-size:1.7rem;font-weight:900;text-shadow:0 0 10px rgba(0,240,255,.6);font-variant-numeric:tabular-nums}#hud-combo{font-size:1.5rem;font-weight:900;color:var(--magenta);text-shadow:0 0 12px rgba(255,45,149,.7)}@keyframes frenzyPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.btn-mute{position:absolute;top:calc(58px + env(safe-area-inset-top));right:12px;width:40px;height:40px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);cursor:pointer;pointer-events:auto}.btn-mute:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:var(--cyan);clip-path:polygon(0 30%,30% 30%,60% 5%,60% 95%,30% 70%,0 70%);box-shadow:0 0 8px var(--cyan)}.btn-mute.muted:before{background:#eaf6ff59;box-shadow:none}.btn-mute.muted:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:var(--red);transform:rotate(-38deg)}.result-inner{display:flex;flex-direction:column;align-items:center;gap:9px;width:min(92vw,420px);text-align:center;padding:14px 0}.res-label{font-family:"Press Start 2P",monospace;font-size:.6rem;letter-spacing:.3em;color:var(--cyan)}.res-score{font-size:clamp(4rem,22vw,5.4rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(0,240,255,.8),0 0 50px rgba(0,240,255,.4)}.res-newbest{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--lime);text-shadow:0 0 12px rgba(57,255,20,.7);animation:frenzyPulse .6s ease-in-out infinite alternate}.res-rank{font-family:Bungee,sans-serif;font-size:1.7rem;color:#f6ffff;text-shadow:0 0 12px rgba(255,45,149,.75)}.res-delta{color:var(--yellow);font-weight:700;font-size:1rem;text-shadow:0 0 10px rgba(255,242,0,.4)}.res-delta.offline{color:#eaf6ff73;font-family:system-ui,sans-serif;font-weight:400;font-size:.8rem;text-shadow:none}.res-best,.res-attempt,.res-stat{opacity:.75;font-size:.85rem;font-family:system-ui,sans-serif}#screen-result .btn-big{margin-top:8px}.res-top10{list-style:none;width:100%;margin-top:10px}.res-top10 li{display:flex;gap:10px;padding:6px 12px;border-radius:8px;align-items:center;font-size:.95rem}.res-top10 li:nth-child(2n){background:#ffffff0b}.res-top10 li.me{background:#00f0ff1f;box-shadow:inset 0 0 0 1px #00f0ff66}.lb-rank{width:1.8em;text-align:right;opacity:.7;font-variant-numeric:tabular-nums}.lb-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-variant-numeric:tabular-nums;font-weight:700}.legal{overflow-y:auto;align-items:flex-start;background:var(--bg)}.legal-inner{padding:24px;max-width:640px;margin:0 auto;font-family:system-ui,sans-serif}.legal-inner h2{margin:20px 0 8px;font-family:Orbitron,sans-serif}.legal-inner h3{margin:14px 0 6px}.legal-inner p{margin:6px 0;line-height:1.55;opacity:.85}