:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f2f3f7;background:#121317}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px}main{width:min(100%,960px)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#a7adb9;margin:0 0 8px}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1.5px;margin:0}h1 span{color:#c8ff72}button{font:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #3b3e46;border-radius:8px;padding:11px 18px;color:inherit;background:#202228}button:hover{filter:brightness(1.15)}button:focus-visible,#arena:focus-visible{outline:2px solid #c8ff72;outline-offset:4px}.dashboard{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c8ff72;margin-bottom:12px}#score{color:#e8ebf2;font-variant-numeric:tabular-nums}#arena{position:relative;background:#000;aspect-ratio:8/5;border:1px solid #30323a;border-radius:12px;overflow:hidden}#world{position:absolute;width:800px;height:500px;transform-origin:top left}.square{position:absolute;width:9.6px;height:9.6px;border-radius:2px;background:#ffe14a;box-shadow:0 0 10px #ffe14a66}#rocket{position:absolute;width:24px;height:32px;transform-origin:center}.rocket-art{position:absolute;left:-16.8px;top:-12.8px;width:57.6px;height:57.6px;overflow:visible;filter:drop-shadow(0 0 2px #ffffff55)}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;background:#000b}#overlay[hidden]{display:none}h2{font-size:clamp(28px,5vw,48px);line-height:1.08;letter-spacing:-1.5px;margin:8px 0 16px}#message{color:#a7adb9;font-size:14px;line-height:1.7;margin:0 0 20px}#controls{margin:0 0 24px;font-size:12px;color:#9399a6}kbd{display:inline-block;border:1px solid #41434c;background:#1b1d24;padding:5px 7px;border-radius:4px;color:#e2e6ee}#start{background:#c8ff72;color:#182208;border:0;padding:13px 25px}footer{display:flex;justify-content:space-between;gap:12px;color:#777e8c;font-size:11px;margin-top:16px}@media(max-width:560px){body{padding:16px}#arena{aspect-ratio:4/5}footer{flex-direction:column}.dashboard{font-size:10px}}

.square.merged{display:grid;place-items:center;color:#101218!important;font-size:12px;font-weight:800;border:1px solid #ffffff88}.square.merged::after{content:attr(data-timer);position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:3px;color:#fff;font-size:10px;font-weight:600;white-space:nowrap}.square.expiring{outline:1px solid #fff;box-shadow:0 0 16px #ffe14a}#rocket{z-index:1}

.exhaust{transform-box:fill-box;transform-origin:50% 0;animation:flame-burst .18s ease-in-out infinite alternate}.head-exhaust{animation-delay:-.09s}@keyframes flame-burst{from{transform:scaleX(.9) scaleY(.82)}to{transform:scaleX(1.04) scaleY(1)}}@media(prefers-reduced-motion:reduce){.exhaust{animation:none}}

#enemy{position:absolute;left:340px;top:190px;width:120px;height:120px;z-index:2;pointer-events:none}#lasers{position:absolute;inset:0;pointer-events:none;z-index:3}.laser{position:absolute;left:0;top:-11px;height:22px;background:#ac48eccc;border:3px solid #d691ff;border-radius:12px;box-shadow:0 0 14px #aa36ff;transform-origin:0 50%}.laser.warning{top:-1px;height:2px;border:0;background:repeating-linear-gradient(90deg,#c889ff99 0 8px,transparent 8px 17px);box-shadow:none}#rocket{z-index:4}#health{color:#e2b8ff;white-space:nowrap}.dashboard{flex-wrap:wrap}.hurt{opacity:.45;filter:drop-shadow(0 0 6px #fff)}

.health-star{position:absolute;width:28px;height:28px;z-index:4;background:#99562e;clip-path:polygon(50% 0%,61% 34%,98% 36%,69% 58%,79% 95%,50% 74%,21% 95%,31% 58%,2% 36%,39% 34%);box-shadow:inset 0 0 8px #efb477;pointer-events:none}