:root{--bg: #11161c;--panel: rgba(18, 24, 31, .92);--text: #eef2f5;--muted: #9fb0bf;--accent: #f2c14e;--accent-ink: #1b1405;--line: rgba(255, 255, 255, .12);--map-land: #2c3a2a;--map-edge: #6f8f62;--dot: #f2c14e;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--panel: rgba(250, 248, 242, .95);--text: #1d232a;--muted: #5b6875;--line: rgba(0, 0, 0, .12);--map-land: #dfe8d4;--map-edge: #7d9a6c;--dot: #c4501b;color-scheme:light}}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}canvas#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}a{color:var(--accent)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) a{color:#a3400f}}button{font:inherit;color:var(--text);background:#7f7f7f26;border:1px solid var(--line);border-radius:8px;padding:9px 14px;cursor:pointer}button:hover{background:#7f7f7f40}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}button.link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#080c108c;z-index:10;overflow-y:auto}.screen[hidden]{display:none}#start{background:radial-gradient(ellipse at top,#24405a,#0d1218 70%);align-items:flex-start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;width:min(420px,100%);display:flex;flex-direction:column;gap:12px;margin:auto}.panel.wide{width:min(1000px,100%)}.panel h1,.panel h2{margin:0}.panel h1{font-size:clamp(24px,4vw,34px);letter-spacing:.5px}.panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.lede{margin:0;color:var(--muted);max-width:70ch}.small{font-size:13px;color:var(--muted);margin:0}.row{display:flex;align-items:center;gap:10px}.row input[type=range]{flex:1}.row input[type=checkbox]{margin:0;width:18px;height:18px;flex:none}.bar{height:8px;background:#7f7f7f40;border-radius:4px;overflow:hidden}#loadbar{height:100%;width:0;background:var(--accent);transition:width .2s}.startgrid{display:grid;grid-template-columns:1fr 290px;gap:16px;align-items:center}@media (max-width: 760px){.startgrid{grid-template-columns:1fr}}#map{width:100%;height:auto;display:block}#map .land{fill:var(--map-land);stroke:var(--map-edge);stroke-width:2}#map .city circle{fill:var(--dot);cursor:pointer}#map .city.off circle{fill:var(--muted);opacity:.5;cursor:default}#map .city text{fill:var(--text);font-size:15px;paint-order:stroke;stroke:var(--panel);stroke-width:4px;pointer-events:none}#map .city.hot circle{r:11}#map .city.hot text{font-weight:700}#citylist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}@media (max-width: 760px) and (min-width: 480px){#citylist{grid-template-columns:repeat(3,1fr)}}#citylist button{width:100%;text-align:left;padding:8px 10px;display:flex;justify-content:space-between;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#citylist button.hot:not([disabled]){background:var(--accent);color:var(--accent-ink);border-color:transparent}#citylist button[disabled]{opacity:.45;cursor:default}#citylist .mb{color:var(--muted);font-size:12px}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;color:#fff;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.6)}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000}#crosshair:before{left:8px;top:0;width:2px;height:18px}#crosshair:after{top:8px;left:0;height:2px;width:18px}#where{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:16px;font-weight:600;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}#info{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;font:12px/1.4 ui-monospace,monospace}#target{position:absolute;top:calc(50% + 18px);left:50%;transform:translate(-50%);font-size:12px;opacity:.85}#toast{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;opacity:0;transition:opacity .4s;text-align:center}#toast.show{opacity:1}#hotbar{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:3px;padding:4px;background:#00000073;border-radius:8px;pointer-events:auto;max-width:calc(100% - 16px);overflow-x:auto}#hotbar .slot{width:40px;height:40px;flex:0 0 auto;border:2px solid transparent;border-radius:5px;image-rendering:pixelated;background-size:cover;cursor:pointer}#hotbar .slot.sel{border-color:#fff}#touch{position:fixed;inset:0;z-index:6;pointer-events:none}#stick{position:absolute;left:24px;bottom:90px;width:130px;height:130px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.25);pointer-events:auto;touch-action:none}#knob{position:absolute;left:40px;top:40px;width:50px;height:50px;border-radius:50%;background:#fff6}.tbtns{position:absolute;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.tbtns.tright{right:16px;bottom:90px}.tbtns.tleft{left:40px;bottom:236px}.tbtns button{width:56px;height:56px;border-radius:50%;font-size:22px;background:#00000059;color:#fff;border-color:#ffffff4d;touch-action:none}.tbtns button.on{background:#f2c14eb3}.creditsText p{margin:0 0 8px}#minimap{position:absolute;right:12px;top:max(10px,env(safe-area-inset-top));width:150px;height:150px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:#00000059;image-rendering:pixelated}#minimap[hidden]{display:none}@media (max-width: 600px){#minimap{width:96px;height:96px}}#attrib{position:absolute;right:12px;top:calc(max(10px,env(safe-area-inset-top)) + 158px);font-size:10px;color:#fff;opacity:.7;text-decoration:none;pointer-events:auto}@media (max-width: 600px){#attrib{top:calc(max(10px,env(safe-area-inset-top)) + 102px)}}@media (max-width: 700px){#where{left:12px;transform:none;font-size:14px;max-width:calc(100% - 130px);white-space:normal}#info{top:calc(max(10px,env(safe-area-inset-top)) + 42px);font-size:11px;opacity:.8}}#markers{position:fixed;inset:0;pointer-events:none;z-index:4;overflow:hidden}.mark{position:absolute;left:0;top:0;will-change:transform}.mark .in{position:absolute;transform:translate(-50%,-5px);display:flex;flex-direction:column;align-items:center;white-space:nowrap;color:var(--c);text-shadow:0 1px 2px #000,0 0 4px #000;line-height:1.25}.mark i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #0009;margin-bottom:2px}.mark b{font-size:13px;font-weight:600}.mark span{font-size:11px;color:#fff;opacity:.85}#goto{display:flex;flex-direction:column;gap:6px}#goto input{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#7f7f7f1f;color:var(--text)}#gotoList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}#gotoList button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:8px;padding:7px 10px}#gotoList .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}