:root{--bg:#05060f;--cyan:#00e5ff;--magenta:#ff2d95;--violet:#9d6bff;--gold:#ffd166;--ink:#dfe8ff;--dim:#9aa8ce}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1100px 620px at 50% -10%, #00e5ff12, transparent 60%), radial-gradient(900px 520px at 88% 112%, #ff2d9514, transparent 55%), var(--bg);color:var(--ink);justify-content:center;align-items:center;min-height:100dvh;padding:20px 0;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;display:flex;overflow:hidden auto}#stage{flex-direction:column;gap:10px;width:min(94vw,940px,150dvh - 360px);display:flex}.hud{letter-spacing:.18em;color:var(--dim);text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 8px;font-size:13px;display:flex}.hud b{color:var(--ink);text-shadow:0 0 8px #00e5ff8c;margin-left:8px;font-weight:600}#combo{color:var(--gold);text-shadow:0 0 10px #ffd166b3;opacity:0;margin-left:14px;transition:opacity .2s}#lives{color:var(--magenta);text-shadow:0 0 10px #ff2d95b3;margin-left:14px}.frame{background:#060913;border:1px solid #00e5ff47;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009,0 0 28px #00e5ff24,0 0 70px #9d6bff1f,inset 0 0 40px #0000008c}canvas{aspect-ratio:3/2;cursor:none;width:100%;height:auto;display:block}.scanlines{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 3px);position:absolute;inset:0}.overlay{backdrop-filter:blur(7px);opacity:0;pointer-events:none;text-align:center;background:#04060fb8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;transition:opacity .35s;display:flex;position:absolute;inset:0}.overlay.show{opacity:1;pointer-events:auto}.ov-title{letter-spacing:.34em;text-indent:.34em;background:linear-gradient(90deg,var(--cyan),var(--violet) 55%,var(--magenta));color:#0000;filter:drop-shadow(0 0 18px #00e5ff73)drop-shadow(0 0 34px #ff2d954d);-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,6vw,54px);font-weight:700}.ov-sub{letter-spacing:.22em;color:var(--ink);text-transform:uppercase;font-size:15px}.ov-hint{letter-spacing:.2em;color:var(--dim);text-transform:uppercase;margin-top:8px;font-size:12px}.ov-hint kbd{color:var(--cyan);border:1px solid #00e5ff66;border-radius:5px;margin:0 3px;padding:2px 7px;font-family:inherit;box-shadow:inset 0 0 10px #00e5ff2e}.ov-stats{gap:26px;margin-top:6px;display:flex}.ov-stats div{letter-spacing:.18em;color:var(--dim);text-transform:uppercase;font-size:12px}.ov-stats b{color:var(--ink);letter-spacing:.08em;text-shadow:0 0 12px #00e5ff80;margin-top:6px;font-size:24px;display:block}.record-tag{color:var(--gold);text-shadow:0 0 14px #ffd166cc;letter-spacing:.3em;text-transform:uppercase;min-height:18px;font-size:13px}.footer{letter-spacing:.16em;color:var(--dim);text-transform:uppercase;justify-content:space-between;padding:0 8px;font-size:11px;display:flex}.footer kbd{color:var(--cyan);border:1px solid #00e5ff59;border-radius:5px;margin:0 2px;padding:1px 6px;font-family:inherit}.game-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.game-nav a{color:var(--ink);padding:10px 0;font-size:13px;text-decoration:none}.game-nav h1{letter-spacing:.12em;color:var(--cyan);font-size:16px}.game-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.game-controls button{font:inherit;min-height:44px;color:var(--ink);cursor:pointer;background:#10182d;border:1px solid #00e5ff66;border-radius:8px;padding:10px 16px;font-size:13px}.game-controls button:hover{border-color:var(--magenta)}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.frame{touch-action:none}.footer{flex-wrap:wrap;gap:12px;line-height:1.8}@media (width<=600px){body{align-items:flex-start;padding:18px 0}#stage{width:94vw}.hud{letter-spacing:.02em;flex-wrap:wrap;gap:8px;padding:0;font-size:10px}.hud b{margin-left:4px}#lives{margin-left:8px}.ov-title{letter-spacing:.12em;text-indent:0;font-size:clamp(18px,5vw,30px)}.ov-sub{letter-spacing:.08em;font-size:11px}.ov-hint{letter-spacing:.02em;font-size:10px}.overlay{gap:8px;padding:12px}.ov-stats{gap:14px}.ov-stats b{font-size:18px}.footer{letter-spacing:.03em;font-size:10px}}.frame,.game-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (width<=600px),(width<=980px) and (pointer:coarse),(width<=980px) and (height<=600px){body{height:100dvh;min-height:0;padding:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom));overflow:hidden}#stage{gap:8px;width:94vw;height:100%;min-height:0}.game-nav{flex-wrap:nowrap;flex:none;margin:0}.game-nav h1{letter-spacing:0;font-size:13px}.hud{letter-spacing:0;flex-wrap:wrap;flex:none;gap:4px;padding:0;font-size:10px}.frame{flex:1;min-height:0}canvas{aspect-ratio:auto;height:100%}.game-controls{flex:none;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.game-controls button{min-height:44px;padding:8px 3px;font-size:11px}.desktop-help{display:none}.mobile-help{letter-spacing:0;flex:none;padding:0;font-size:10px;line-height:1.5}#combo,#lives{margin-left:4px}}@media (width<=980px) and (height<=500px) and (orientation:landscape){#stage{grid-template-rows:48px 20px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 175px;gap:6px 12px;display:grid}.game-nav,.hud{grid-column:1/-1}.frame{grid-area:3/1}.game-controls{flex-direction:column;grid-area:3/2;align-self:center;display:flex}.mobile-help{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.game-nav h1{letter-spacing:.12em;color:#eef6ff;text-shadow:0 0 25px #00e5ff25;font-size:14px}.hud{letter-spacing:.06em;background:linear-gradient(130deg,#15243680,#0b152580);border:1px solid #27425b80;border-radius:10px;padding:10px 12px;font-size:10px}.hud b{color:#e8faff;font-size:13px}.hud #lives{font-size:10px}.frame{border-color:#41607785;border-radius:16px;box-shadow:0 0 0 3px #00e5ff04,0 12px 50px #0006}.scanlines{opacity:.45}.game-controls button{background:linear-gradient(150deg,#1c2d40,#101a2b);border-color:#45627880;border-radius:10px;font-size:12px;box-shadow:inset 0 1px #a8d8ff0c}.overlay{backdrop-filter:blur(8px);background:linear-gradient(145deg,#091322d9,#080b19ed)}.ov-title{letter-spacing:.1em;text-indent:0;font-weight:800}.ov-sub{letter-spacing:.1em;font-size:12px}.ov-hint{line-height:1.7}.record-tag{font-size:10px}@media (width<=600px),(width<=980px) and (pointer:coarse),(width<=980px) and (height<=600px){.game-nav h1{letter-spacing:.02em;font-size:12px}.hud{gap:4px;padding:8px 6px;font-size:8px}.hud b{font-size:10px}.game-controls button{font-size:11px}.footer{font-size:9px}.ov-title{font-size:clamp(23px,6vw,34px)}}@media (height<=500px) and (orientation:landscape){.hud{background:0 0;border:0;padding:0}}