:root{color-scheme:dark;--bg:#0a141a;--panel:#102029;--line:#29404b;--text:#e7ece6;--muted:#90a5ab;--mint:#a5edba;--orange:#f8a16b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Trebuchet MS","Noto Sans CJK SC",sans-serif;background-image:radial-gradient(ellipse at 80% 60%,#16303977,transparent 60%)}a{color:inherit;text-decoration:none}header,footer{max-width:1440px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.07em}.brand{font:700 19px Georgia,serif;letter-spacing:.12em}.brand small{font-size:12px;font-family:inherit;color:var(--muted);margin-left:14px}main{max-width:1440px;margin:7vh auto 8vh;padding:0 5%;display:grid;grid-template-columns:31% 69%;align-items:center;gap:0}.intro{padding-right:28px}.eyebrow{font:11px monospace;letter-spacing:.16em;color:var(--mint)}h1{font:clamp(36px,4vw,62px)/1.25 Georgia,"Noto Serif CJK SC",serif;letter-spacing:-.03em;margin:25px 0}h1 em{font-style:normal;color:var(--mint)}.intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:34px 0}.legend i{display:inline-block;width:7px;height:7px;transform:rotate(45deg);margin-right:5px}.friendly{background:var(--mint)}.hostile{background:var(--orange)}.instructions{border-top:1px solid var(--line);padding-top:19px}.station{border:1px solid #35505b;background:#0c1921;box-shadow:0 30px 80px #0004}.hud{display:flex;align-items:center;gap:35px;padding:18px 24px;background:var(--panel)}.hud div{display:flex;align-items:baseline;gap:12px}.hud span{font-size:10px;color:var(--muted)}.hud strong{font:24px monospace;font-weight:400}.hud button{margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 13px;cursor:pointer}.viewport{position:relative;aspect-ratio:3/2;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#overlay{position:absolute;inset:0;background:#09151ce0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}#overlay[hidden]{display:none}h2{font:26px Georgia,"Noto Serif CJK SC",serif;margin:15px 0}#overlay>p:not(.eyebrow){font-size:12px;color:var(--muted)}#start{background:var(--mint);color:#10291d;padding:14px 28px;border:0;margin-top:20px;cursor:pointer;font-weight:700;font-size:14px}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.crosshair{position:absolute;bottom:10px;left:14px;color:#416473;pointer-events:none}.statusline{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:11px 16px;color:var(--muted);font:10px monospace}.statusline b{color:var(--mint)}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:10px}footer span{font-family:monospace;font-size:9px}@media(max-width:850px){main{grid-template-columns:1fr;margin:28px auto;padding:0 4%}.intro{padding:0 0 20px}.intro h1{font-size:34px;margin:13px 0}.intro h1 br{display:none}.intro>p:not(.eyebrow),.legend,.instructions{display:none}.intro .eyebrow{margin:0}.hud{padding:13px 12px;gap:14px}.hud div{display:block}.hud span{display:block;margin-bottom:5px}.hud strong{font-size:20px}.statusline{font-size:9px;padding:10px}.statusline>span:last-child{display:none}header{padding:20px 4%}.brand small{display:none}footer{padding:20px 4%;line-height:1.7}footer span{display:none}.viewport{aspect-ratio:3/3.1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}