:root{color-scheme:dark;--ink:#0b1823;--paper:#f7f3e7;--mint:#7df3c3;--orange:#ff925e}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,system-ui,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.game{max-width:1050px;margin:auto;padding:22px 26px;min-height:100svh;display:flex;flex-direction:column;gap:16px}.top,.brief,.hud,.controls{display:flex;align-items:center;justify-content:space-between;gap:18px}.top{padding-bottom:12px;border-bottom:1px solid #ffffff25}.brand{color:var(--paper);font-size:.7rem;font-weight:850;letter-spacing:.12em;text-decoration:none}.brand span{color:var(--mint)}.edition{color:#92a7b7;font: .65rem ui-monospace,monospace}.eyebrow{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}h1{margin:0;font-size:clamp(2rem,6vw,4.1rem);letter-spacing:-.07em;line-height:1}h1 span{color:var(--orange)}.target-box{text-align:center;background:var(--mint);color:var(--ink);border-radius:14px;padding:10px 22px;min-width:110px}.target-box small{display:block;font-size:.58rem;font-weight:850;letter-spacing:.08em}.target-box strong{font-size:3rem;line-height:1.05}.hud{justify-content:flex-start;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.hud strong{color:var(--mint);font:800 1.1rem ui-monospace,monospace}.hud button{margin-left:auto;background:transparent;border:1px solid #ffffff50;border-radius:9px;color:inherit;padding:8px 14px}.stage{position:relative;isolation:isolate;overflow:hidden;height:clamp(290px,47vh,450px);border:1px solid #ffffff30;border-radius:22px;background:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px),#08111b;background-size:44px 44px}.meter{height:4px;background:#ffffff15}.meter span{display:block;height:100%;background:var(--mint);width:100%}.fleet{position:relative;margin:16px 16px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;z-index:2}.invader{padding:14px 6px;border:1px solid var(--mint);border-radius:12px;color:var(--paper);background:#14313d;box-shadow:0 5px 0 #030b11;min-height:90px}.invader small{display:block;color:var(--mint);font-size:.58rem;letter-spacing:.14em;margin-bottom:9px}.invader strong{font-size:clamp(1rem,3vw,2.15rem);white-space:nowrap;letter-spacing:-.04em}.invader.match{background:var(--mint);color:var(--ink)}.invader.match small{color:var(--ink)}.invader.miss{opacity:.35;border-color:var(--orange)}.intro{position:absolute;inset:15px 24px 25px;display:grid;align-content:center;justify-items:center;text-align:center}.crosshair{font:200 5rem ui-monospace,monospace;color:var(--mint)}.intro h2{margin:0;font-size:clamp(1.4rem,4vw,2rem);letter-spacing:-.04em}.intro p{max-width:470px;font-size:.87rem;color:#acbecb;line-height:1.65}.danger{position:absolute;bottom:0;left:0;right:0;border-top:1px dashed var(--orange);padding:9px;text-align:center;font-size:.55rem;letter-spacing:.24em;color:var(--orange);background:#321d19}.controls p{color:#acbecb;font-size:.78rem;line-height:1.5;min-height:2.3em;max-width:620px;margin:0}.start{flex:none;border:0;border-radius:999px;padding:14px 24px;background:var(--mint);color:var(--ink);font-weight:850}.paused{position:absolute;inset:4px 0 0;z-index:4;background:#0b1823f2;display:grid;place-content:center;text-align:center;font-size:2rem;font-weight:850}.paused small{font-size:.85rem;color:#acbecb;margin-top:12px}@media(max-width:600px){.game{padding:16px 14px;gap:12px}.edition{display:none}.brief{gap:10px}.eyebrow{font-size:.55rem}h1{font-size:2.15rem}.target-box{padding:8px 12px;min-width:90px}.target-box strong{font-size:2.5rem}.hud{gap:10px;font-size:.6rem}.hud strong{font-size:.9rem}.hud button{padding:7px 10px}.fleet{gap:8px;margin-inline:8px}.invader{min-height:77px;padding:10px 2px}.invader strong{font-size:1.13rem}.controls{align-items:stretch;flex-direction:column;gap:9px}.stage{height:320px}.intro p{font-size:.8rem}}