:root{color:#151515;font-family:Courier New,monospace;font-synthesis:none;--ink: #151515;--paper: #f4f4f1;--cyan: #00d9ff;--red: #ff3045;--yellow: #f5e642}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden;background:#151515}body{-webkit-user-select:none;user-select:none}#game-shell{position:relative;isolation:isolate}#game-canvas,#game-canvas canvas{width:100%;height:100%;display:block}#game-canvas canvas{object-fit:contain}#game-ui{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}button{border:2px solid var(--ink);background:#f4f4f1e0;color:var(--ink);min-height:44px;padding:11px 18px;font:700 12px/1 Courier New,monospace;letter-spacing:.08em;cursor:pointer;transition:transform .14s,color .14s,background .14s,box-shadow .14s}button:hover,button:focus-visible{color:var(--paper);background:var(--ink);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--cyan),7px 7px 0 var(--red);outline:0}button.primary{background:var(--ink);color:#fff;min-width:240px;text-align:left}button span{float:right;opacity:.6;margin-left:30px}.menu-layer{pointer-events:auto!important;display:grid;place-items:center;background:radial-gradient(circle at 50% 47%,#ffffffe6 0 14%,#ffffff61 35%,#0a0a0a0a 66%,#0a0a0a9e)}.menu{width:min(620px,calc(100vw - 36px));position:relative;text-align:center;padding:34px 24px 26px}.eyebrow{font-size:11px;letter-spacing:.26em;margin:0 0 6px}.menu h1,.game-over h2{position:relative;font:900 clamp(56px,9vw,118px)/.78 "Arial Black",Impact,sans-serif;letter-spacing:-.065em;margin:0}.menu h1:before,.menu h1:after,.game-over h2:before,.game-over h2:after{content:attr(data-text);position:absolute;inset:0;z-index:-1}.menu h1:before,.game-over h2:before{color:var(--cyan);transform:translate(-5px,5px)}.menu h1:after,.game-over h2:after{color:var(--red);transform:translate(5px,-4px)}.menu h2{margin:10px 0 27px;font:700 18px/1 Courier New,monospace;letter-spacing:.75em;transform:translate(.35em)}.menu-mark{position:absolute;inset:-13vh 0 auto;margin:auto;width:210px;height:175px;opacity:.13;z-index:-2}.menu-mark i,.menu-mark b{position:absolute;inset:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--cyan);transform:translate(-8px,7px)}.menu-mark i:nth-child(2){background:var(--red);transform:translate(8px,-4px)}.menu-mark i:nth-child(3){background:var(--yellow);transform:translate(-2px,-8px)}.menu-mark b{background:var(--ink);transform:none}.menu-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.controls{margin:24px auto 0;max-width:540px;display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap;font-size:10px;letter-spacing:.08em}.controls span:before{content:"△";margin-right:6px}.fullscreen-note{font-size:9px;opacity:.55;margin:14px 0 0}.hud-layer{color:var(--ink)}.hud-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start}.hud-top>div{display:flex;flex-direction:column}.hud-top .wave{align-items:center}.hud-top .best{align-items:end}.hud-top small{font-size:9px;letter-spacing:.18em;opacity:.58}.hud-top strong{font:900 clamp(26px,3vw,48px)/1 "Arial Black",Impact,sans-serif;letter-spacing:-.04em;text-shadow:-2px 2px 0 rgba(0,217,255,.65),2px -1px 0 rgba(255,48,69,.55)}.corner-controls{pointer-events:auto;position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:6px}.corner-controls button{min-height:34px;padding:8px 10px;font-size:9px;background:#f4f4f1b8}.missile{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto min(26vw,240px) auto;align-items:center;gap:10px;font-size:9px;letter-spacing:.12em}.missile>div{height:7px;background:#1515152e;overflow:hidden}.missile i{display:block;width:100%;height:100%;transform-origin:left;background:var(--ink);box-shadow:-3px 0 var(--cyan),3px 0 var(--red)}kbd{border:1px solid var(--ink);padding:3px 5px;font:inherit;background:#ffffff8c}.announcement{position:absolute;left:50%;top:22%;transform:translate(-50%,-25px) scale(.9);font:900 clamp(42px,7vw,88px)/1 "Arial Black",Impact,sans-serif;letter-spacing:-.06em;opacity:0;transition:opacity .18s,transform .35s;text-shadow:-6px 4px var(--cyan),6px -4px var(--red),0 7px var(--yellow)}.announcement.show{opacity:1;transform:translate(-50%) scale(1)}.pause-panel,.game-over{pointer-events:auto;position:absolute;inset:0;margin:auto;width:min(560px,calc(100vw - 34px));height:fit-content;text-align:center;padding:34px;background:#f4f4f1e6;border:3px solid var(--ink);box-shadow:-10px 10px #00d9ffbf,10px -10px #ff3045b3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.pause-panel{display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 34px))}.pause-panel strong{font:900 54px/1 Arial Black,Impact,sans-serif}.hidden{display:none!important}.game-over p{font-size:10px;letter-spacing:.18em}.game-over h2{font-size:clamp(48px,8vw,82px);margin:10px 0 28px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(21,21,21,.28);padding:18px 0;margin-bottom:22px}.result-grid div{display:flex;flex-direction:column;gap:5px}.result-grid small{font-size:9px;opacity:.55}.result-grid strong{font:900 26px/1 Arial Black,Impact,sans-serif}.game-over-actions{display:flex;justify-content:center;gap:8px}@media(max-width:720px){.menu{padding-inline:12px}.menu h1{font-size:clamp(45px,17vw,76px)}.menu-actions{align-items:stretch}.menu-actions button{flex:1 1 42%}button.primary{min-width:100%}.controls{gap:8px 12px}.hud-top strong{font-size:25px}.missile{grid-template-columns:auto 100px auto}.corner-controls{bottom:62px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}