#radio{position:absolute;top:190px;left:28px;width:min(370px,calc(100% - 56px));padding:14px 18px;background:#0b202ee8;border-left:3px solid #79e4cc;pointer-events:none;box-shadow:0 8px 25px #0003}#radio strong{font:10px monospace;letter-spacing:2px;color:#79e4cc}#radio p{font-size:13px;line-height:1.6;margin:8px 0 0;color:#d6e9ec}@media(max-height:720px){#radio{top:170px;width:290px;padding:9px 12px}#radio p{font-size:11px}}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 45%,#030a1680)}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid #d7e9e980;border-radius:50%;pointer-events:none}#crosshair i{position:absolute;left:7px;top:7px;width:2px;height:2px;background:#fff}#crosshair.ready{border-color:#79ffe0;box-shadow:0 0 12px #79ffe055}#crosshair.attached{border-color:#fff;transform:translate(-50%,-50%) scale(.7)}#telemetry{position:absolute;bottom:117px;left:50%;transform:translateX(-50%);font:10px monospace;letter-spacing:1px;color:#a6bfc8;white-space:nowrap}#telemetry b{color:#e5f4ef}#telemetry span{margin:0 12px;color:#66dcc9}#damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #ff4433;opacity:0;transition:opacity .12s}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1320;color:#e8f2f5;font-family:Segoe UI,Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:5px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 20%,#29475b 0,#142b40 40%,#0b1829 90%)}#world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}#sky{position:absolute;inset:0;overflow:hidden;background-image:radial-gradient(1px 1px at 20% 18%,#fff9 90%,transparent),radial-gradient(1px 1px at 40% 29%,#fff6 90%,transparent),radial-gradient(1px 1px at 82% 20%,#fffb 90%,transparent)}.moon{position:absolute;right:17%;top:17%;width:66px;height:66px;border-radius:50%;background:#abc6c7;box-shadow:0 0 90px #b4ece52b;opacity:.65}.skyline{position:absolute;bottom:14%;left:-10%;width:120%;height:46%;opacity:.5;background:repeating-linear-gradient(90deg,transparent 0 40px,#0b1b2b 40px 110px,transparent 110px 130px,#112236 130px 240px);clip-path:polygon(0 40%,8% 40%,8% 10%,17% 10%,17% 50%,25% 50%,25% 25%,35% 25%,35% 0,43% 0,43% 45%,52% 45%,52% 20%,61% 20%,61% 60%,70% 60%,70% 30%,80% 30%,80% 0,88% 0,88% 40%,100% 40%,100% 100%,0 100%)}#web-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#web-line{stroke:#c4fff5;stroke-width:1.7;stroke-dasharray:5 3;filter:drop-shadow(0 0 4px #80ffe1)}#web-anchor{fill:#9bffdf}.hud{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 36px;background:linear-gradient(#08111dd9,transparent);pointer-events:none}.hud button{pointer-events:auto}.brand{display:flex;gap:12px;font-size:16px;font-weight:800;letter-spacing:1px}.brand em{font-style:normal;color:#67e3cd;font-size:11px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#8097a7;margin-top:6px}.brand-icon{font-size:32px;color:#73e5d1;line-height:1}.clock{text-align:center;min-width:150px}.clock>span{font-size:9px;letter-spacing:3px;color:#9cabb9}.clock strong{display:block;font-size:36px;line-height:1.3;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:3px}.progress{height:3px;background:#ffffff1a;margin-top:7px}.progress i{display:block;height:100%;background:#6de4cd;width:0}.status{display:flex;gap:24px;align-items:center}.status>span{color:#ed8c80;font-size:23px;letter-spacing:4px}.status button{border:1px solid #64748466;background:#122638aa;color:#c6d7df;border-radius:7px;width:38px;height:38px}.district{position:absolute;left:36px;top:115px;font-size:9px;letter-spacing:3px;color:#9eb5c3}.district span{color:#5be0c6;margin:0 8px}#danger{position:absolute;top:148px;left:50%;transform:translateX(-50%);color:#ffa18b;background:#3b2129bb;padding:8px 15px;border:1px solid #f5927455;border-radius:4px;font-size:10px;letter-spacing:2px}#hint{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);font-size:12px;color:#bcdfdb;text-align:center;text-shadow:0 2px 4px #000;white-space:nowrap}.controls{position:absolute;bottom:0;width:100%;padding:22px;display:flex;justify-content:center;gap:24px;background:linear-gradient(transparent,#06101aee);font-size:11px;color:#90a8b9}.controls span{display:flex;gap:5px;align-items:center}kbd{font:10px Segoe UI,Arial,sans-serif;border:1px solid #6a879455;border-bottom:2px solid #6a879455;padding:4px 6px;border-radius:4px;color:#d6e4e9;background:#122331}.overlay{position:absolute;inset:0;z-index:5;background:#08111ca8;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.panel{width:520px;max-width:100%;padding:32px 36px;background:linear-gradient(140deg,#1c3043f5,#0e1c2bf8);border:1px solid #51677a66;border-radius:16px;box-shadow:0 30px 100px #0006}.eyebrow{color:#6fddc8;font-size:10px;letter-spacing:3px}h1{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:22px 0 18px}h1 em{font-style:normal;color:#7ce6d0}.panel>p{font-size:13px;color:#a6bac9;line-height:1.8}.panel b{color:#e3eeef}.instructions{border-top:1px solid #64798944;margin:22px 0}.instructions p{display:flex;gap:18px;font-size:12px;line-height:1.6;color:#9eb1c2;margin:18px 0}.instructions p>b{font:12px monospace;color:#6ee1ca;padding-top:2px}.instructions strong{display:block;color:#dfebed;font-size:13px;margin-bottom:2px}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:#79e4cc;color:#102d2c;border-radius:7px;padding:15px 18px;font-size:14px;font-weight:700}.primary:hover{background:#a0f7de}.primary span{font-size:22px}.panel .note{text-align:center;font-size:10px;color:#718b9d;margin-bottom:0}#game.playing{cursor:crosshair}#game.paused *{animation-play-state:paused!important}@media(max-width:760px){.hud{padding:18px}.brand{font-size:11px}.brand small{font-size:7px;letter-spacing:1px}.brand-icon{display:none}.clock{min-width:90px}.clock strong{font-size:28px}.status{gap:8px}.status>span{font-size:16px;letter-spacing:0}.controls{gap:10px;flex-wrap:wrap;padding:12px}.district{left:18px;top:100px}.panel{padding:24px}h1{font-size:28px}#hint{bottom:100px;white-space:normal;width:90%}}@media(max-height:720px){.panel{padding:20px 28px}h1{font-size:28px;margin:14px 0}.instructions{margin:12px 0}.instructions p{margin:10px 0}.panel>p{margin:8px 0}.overlay{align-items:safe center}}
#objective{position:absolute;top:max(168px,35%);right:28px;max-width:min(330px,calc(100% - 56px));padding:10px 14px;background:#2a2410d9;border-right:3px solid #ffd56a;text-align:right;pointer-events:none}#objective strong{display:block;font:10px monospace;letter-spacing:2px;color:#ffd56a}#objective span{display:block;margin-top:5px;font-size:13px;color:#f4ead0;font-variant-numeric:tabular-nums}#hunter-label{font-style:normal}#crosshair.sling{border-color:#ffb36a;box-shadow:0 0 14px #ffb36a88;transform:translate(-50%,-50%) scale(1.35)}@media(max-width:760px){#objective{right:18px;max-width:min(330px,calc(100% - 36px))}}
.mode-picker{display:grid;gap:12px;margin:22px 0}.mode-card{text-align:left;padding:18px;border:1px solid #71dbc655;border-radius:10px;background:#163541;color:#e4f6f2;transition:background .15s,border-color .15s}.mode-card:hover{background:#20505b;border-color:#83f4db}.mode-card strong{display:flex;justify-content:space-between;font-size:16px}.mode-card small{display:block;margin-top:9px;line-height:1.6;color:#a9c7ce;font-size:12px}.secondary{width:100%;margin-top:12px;padding:12px;background:transparent;border:1px solid #71929b66;border-radius:7px;color:#c1d9dc}.secondary:hover{background:#ffffff0c}.panel.menu .instructions{display:none}.panel.menu{width:560px}.hud .clock.free strong{font-size:24px;letter-spacing:1px}@media(max-width:760px){.hud .clock.free strong{font-size:16px}.mode-card{padding:14px}.controls{gap:8px;font-size:10px}}