:root{color-scheme:dark;--bg:#101b1b;--panel:#172424;--edge:#3f5450;--muted:#9fb1ab;--text:#ebeee5;--gold:#d9be86;--accent:#8da98e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% -10%,#283d34 0,transparent 55%),var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1550px;padding:28px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{color:var(--gold);border:1px solid var(--gold);font-size:30px;height:51px;width:51px;display:grid;place-items:center;border-radius:100%}h1{font:400 35px/1.1 Georgia,serif;margin:1px 0}.overline,.eyebrow{font-size:10px;letter-spacing:.20em;text-transform:uppercase;color:var(--gold);font-weight:700}.tag{color:var(--muted);font-size:12px}.workspace{display:grid;grid-template-columns:265px minmax(0,1fr);border:1px solid var(--edge);border-radius:13px;overflow:hidden;box-shadow:0 20px 80px #0004;min-height:620px}.sidebar{background:var(--panel);border-right:1px solid var(--edge);padding:24px;display:flex;flex-direction:column;gap:13px}.sidebar>label:not(.layer){color:#d7e2d7;font-weight:600;font-size:12px}select{width:100%;background:#0d1918;color:var(--text);border:1px solid #536961;border-radius:6px;padding:11px;outline-color:var(--gold)}.meta{color:var(--muted);font-size:12px;white-space:pre-line;line-height:1.9}.divider{height:1px;background:var(--edge);margin:8px 0}.layer{display:flex;gap:10px;align-items:center;font-size:13px;cursor:pointer}.layer input{accent-color:var(--accent)}.sidecopy{color:var(--muted);font-size:12px;margin:2px 0}.bottom-note{font-size:11px;color:#78938a;margin-top:auto;border-top:1px solid var(--edge);padding-top:15px}.mainmap{display:flex;flex-direction:column;min-width:0;background:#0e1a1e}.maptop{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--edge)}.maptitle{font:18px Georgia,serif}.coordinate{color:var(--gold);font:12px ui-monospace,SFMono-Regular,monospace}.viewport{position:relative;flex:1;overflow:hidden;min-height:530px;touch-action:none;cursor:grab;background:radial-gradient(ellipse at center,#294355,#0b1a24 75%)}.viewport:active{cursor:grabbing}.viewport:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.surface{position:absolute;top:0;left:0;width:1024px;height:512px;transform-origin:0 0;will-change:transform;box-shadow:0 5px 30px #0005}.surface img{position:absolute;width:100%;height:100%;object-fit:fill;user-select:none}.surface svg{position:absolute;width:100%;height:100%;pointer-events:none}.surface svg line{stroke:#f1e8b2;stroke-opacity:.36;stroke-width:.7}.surface svg line.equator{stroke-opacity:.7;stroke-width:1.3}.surface svg text{fill:#fcf5d1;font:12px monospace;paint-order:stroke;stroke:#263433;stroke-width:2px}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;gap:12px;color:#ead9b0;font:23px Georgia,serif;padding:24px}.empty small{font:12px system-ui;color:var(--muted)}.zoom{position:absolute;right:15px;top:15px;display:flex;flex-direction:column;gap:4px}.zoom button{width:38px;height:38px;border:1px solid #728b83;background:#132726e8;color:var(--text);font-size:22px;border-radius:5px;cursor:pointer}.zoom button:hover{background:#335144}.scale-note{position:absolute;bottom:13px;left:16px;background:#0b1a20c9;padding:6px 10px;color:#f0e6d0;font-size:11px;border:1px solid #50665d7d;border-radius:4px}.mainmap footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);padding:12px 20px;border-top:1px solid var(--edge)}@media(max-width:740px){.shell{padding:10px}.masthead{margin:12px 2px 18px}.tag{display:none}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--edge);padding:15px;gap:9px}.sidebar .bottom-note,.sidebar .sidecopy{display:none}.sidebar .divider{margin:2px}.meta{line-height:1.4}.viewport{min-height:440px}.mainmap footer span:last-child{display:none}.coordinate{font-size:10px}.brand-mark{width:41px;height:41px}.brand h1{font-size:28px}}