:root{--ink:#eaf6ff;--cyan:#1de9ff;--pink:#ff2fb9;--violet:#7b2fff;--bg:#05030c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}canvas{display:block}.stage{position:fixed;inset:0}.overlay{pointer-events:none;padding:env(safe-area-inset-top) 16px 16px;place-items:center;display:grid;position:fixed;inset:0}.overlay>*{pointer-events:auto}.panel{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060410d1;border:1px solid #1de9ff59;border-radius:18px;width:min(440px,88vw);padding:28px 26px 26px;animation:.28s ease-out rise;box-shadow:0 0 60px #7b2fff59,inset 0 0 40px #1de9ff14}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.title{letter-spacing:.14em;color:var(--cyan);text-shadow:0 0 18px #1de9ffb3;margin:0 0 6px;font-size:clamp(30px,8vw,46px)}.title span{color:var(--pink);text-shadow:0 0 18px #ff2fb9b3}.title.small{color:var(--pink);text-shadow:0 0 18px #ff2fb9b3;font-size:clamp(24px,6vw,34px)}.lede{opacity:.72;letter-spacing:.08em;margin:0 0 18px;font-size:13px}.keys{opacity:.66;grid-template-columns:1fr 1fr;gap:6px 10px;margin-bottom:10px;font-size:12px;display:grid}.hint{opacity:.45;letter-spacing:.1em;margin:0 0 18px;font-size:11px}button{font:inherit;cursor:pointer;letter-spacing:.16em;border-radius:10px;transition:transform .12s,box-shadow .12s,background .12s}button:active{transform:translateY(1px)}.primary{color:#05030c;background:linear-gradient(90deg, var(--cyan), var(--pink));border:none;width:100%;padding:14px;font-size:15px;display:block;box-shadow:0 0 28px #1de9ff80}.ghost{color:var(--ink);background:0 0;border:1px solid #eaf6ff47;padding:9px 14px;font-size:11px}.ghost:hover{background:#eaf6ff14}.ghost.wide{width:100%;margin-top:10px;display:block}.best,.record{letter-spacing:.2em;opacity:.7;margin:14px 0 0;font-size:12px}.record{color:var(--cyan);opacity:1;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.4}}.result{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 4px;display:grid}.result b{color:var(--cyan);font-size:26px;display:block}.result span{letter-spacing:.16em;opacity:.55;font-size:10px}.hud{padding:calc(14px + env(safe-area-inset-top)) 16px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.hud button{pointer-events:auto}.hud-score{color:var(--cyan);text-shadow:0 0 16px #1de9ff99;font-size:clamp(28px,6vw,40px);line-height:1}.hud-coins{color:#ffd45e;align-items:center;gap:7px;margin-top:6px;font-size:14px;display:flex}.coin-dot{background:#ffd45e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #ffd45e}.speed-track{background:#eaf6ff24;border-radius:2px;width:116px;height:4px;margin-top:10px;overflow:hidden}.speed-fill{background:linear-gradient(90deg, var(--cyan), var(--pink));width:0;height:100%;box-shadow:0 0 12px var(--pink)}.loading{letter-spacing:.3em;color:var(--cyan);opacity:.8;place-items:center;font-size:12px;display:grid;position:fixed;inset:0}