:root{color-scheme:dark;--bg: #14161c;--hud-bg: rgba(22, 24, 32, .92);--hud-fg: #d8dce8;--hud-dim: #7d8590;--hud-accent: #c8c4be;--hud-border: rgba(200, 196, 190, .18);--hud-hot: #e8b87a;--public-bg: rgba(12, 14, 18, .78);--public-panel: rgba(18, 20, 25, .88);--public-line: rgba(255, 255, 255, .16);--public-blue: #8cc7e8;--public-green: #9bd289}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--hud-fg);font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button{min-height:2rem}.hidden{display:none!important}#viewer{position:fixed;inset:0;width:100vw;height:100vh;background:#08080a!important}#viewer .openseadragon-canvas,#viewer .openseadragon-container,#viewer>canvas{background:#08080a!important}#viewer canvas{image-rendering:auto}.navigator{display:none!important}aside#hud{position:fixed;top:4.2rem;left:.9rem;background:var(--hud-bg);backdrop-filter:blur(10px);padding:.65rem .85rem .55rem;border:1px solid var(--hud-border);border-radius:.55rem;min-width:18rem;max-width:22rem;box-shadow:0 8px 32px #00000038;user-select:none}#hud header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem;border-bottom:1px solid var(--hud-border);padding-bottom:.4rem}#hud .brand{font-weight:600;letter-spacing:.04em;color:var(--hud-accent)}#hud .tag{font-size:.72rem;padding:.12rem .45rem;border:1px solid var(--hud-border);border-radius:999px;color:var(--hud-dim)}#hud .tag.ok{color:#9bd289;border-color:#9bd28966}#hud .tag.warn{color:#d8b87a;border-color:#d8b87a66}#hud .tag.error{color:#e08b8b;border-color:#e08b8b66}#hud dl{margin:0;display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;row-gap:.18rem;font-variant-numeric:tabular-nums}#hud dt{color:var(--hud-dim);font-size:.75rem}#hud dd{margin:0;color:var(--hud-fg);font-size:.78rem;text-align:right}.debug-panel,.debug-readout{display:none}body.debug-enabled .debug-panel{display:block}body.debug-enabled .debug-readout{display:inline}#public-bar{position:fixed;top:.75rem;left:.75rem;right:.75rem;z-index:20;min-height:2.55rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.42rem .52rem .42rem .72rem;background:var(--public-bg);border:1px solid var(--public-line);border-radius:.5rem;backdrop-filter:blur(14px);box-shadow:0 10px 34px #00000042}#public-bar .public-brand{display:flex;align-items:baseline;gap:.65rem;min-width:0}#public-bar strong{color:#f2efe7;font-size:.95rem;font-weight:700;white-space:nowrap}#public-status{color:var(--hud-dim);font-size:.78rem;white-space:nowrap}.public-actions{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.public-actions button,#intro-panel button,#about-panel button,#toolbar button{border:1px solid var(--public-line);border-radius:.38rem;background:#ffffff0f;color:#eceff4;padding:.3rem .65rem;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.public-actions button:hover,#intro-panel button:hover,#about-panel button:hover,#toolbar button:hover{background:#ffffff1f;border-color:#ffffff5c}.public-actions button.active{color:var(--hud-hot);border-color:#e8b87ab8;background:#e8b87a24}#intro-panel{position:fixed;top:4.15rem;left:.9rem;z-index:15;width:min(24rem,calc(100vw - 1.8rem));background:linear-gradient(180deg,#13151aed,#0d0f13de);border:1px solid var(--public-line);border-radius:.5rem;box-shadow:0 18px 50px #0000005c;padding:1rem 1rem 1.05rem;backdrop-filter:blur(16px)}#intro-panel .kicker{margin:0 0 .35rem;color:var(--public-blue);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}#intro-panel h1{margin:0 0 .55rem;color:#fbf8ef;font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.02;letter-spacing:0}#intro-panel p:not(.kicker){margin:0;color:#c9ced8;max-width:30rem}.intro-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.9rem}#intro-panel #explore-map{color:#081015;background:var(--public-blue);border-color:var(--public-blue);font-weight:700}.panel{background:var(--public-panel);border:1px solid var(--public-line);border-radius:.5rem;backdrop-filter:blur(14px);box-shadow:0 12px 38px #0000004d}#about-panel{position:fixed;top:4.15rem;right:.9rem;z-index:25;width:min(28rem,calc(100vw - 1.8rem));padding:.9rem}#about-panel header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem}#about-panel header strong{color:#f2efe7;font-size:.95rem}#about-panel #about-close{width:2rem;padding:0;font-size:1.15rem;line-height:1}#about-panel p{margin:0 0 .8rem;color:#cbd1dc}#about-panel dl{margin:0;display:grid;grid-template-columns:5.5rem 1fr;gap:.35rem .75rem}#about-panel dt{color:var(--public-green);font-weight:700}#about-panel dd{margin:0;color:#d8dce8}#legend{position:fixed;right:.9rem;bottom:.9rem;z-index:15;display:grid;gap:.32rem;padding:.65rem .75rem;min-width:10rem}#legend strong{color:#f2efe7;margin-bottom:.05rem}#legend span{display:flex;align-items:center;gap:.45rem;color:#cbd1dc;white-space:nowrap}.swatch{display:inline-block;width:.72rem;height:.72rem;border-radius:.16rem;border:1px solid rgba(255,255,255,.24)}.swatch.buildings{background:#b9ac94}.swatch.roads{background:#37322d}.swatch.green{background:#69a555}.swatch.water{background:#5f9bc3}.swatch.terrain{background:#9aa568}#toast{position:fixed;left:50%;bottom:4.5rem;z-index:40;transform:translate(-50%) translateY(.5rem);pointer-events:none;opacity:0;padding:.48rem .72rem;background:#0a0c0fe6;border:1px solid rgba(255,255,255,.18);border-radius:.42rem;color:#f4f6fa;box-shadow:0 10px 30px #00000057;transition:opacity .13s,transform .13s}#toast.visible{opacity:1;transform:translate(-50%) translateY(0)}#toolbar{position:fixed;bottom:.9rem;left:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.4rem .55rem;background:var(--hud-bg);backdrop-filter:blur(10px);border:1px solid var(--hud-border);border-radius:.55rem;box-shadow:0 8px 32px #00000038;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--hud-fg);user-select:none}#toolbar select{min-width:min(18rem,52vw);max-width:23rem;height:2rem;background:#ffffff12;color:#eceff4;border:1px solid var(--public-line);border-radius:.38rem;padding:0 .55rem}#toolbar select option,#toolbar select optgroup{background:#151820;color:#eceff4}#toolbar button{background:transparent;border:1px solid var(--hud-border);color:var(--hud-dim);cursor:pointer;border-radius:.3rem;padding:.18rem .55rem;font:inherit;letter-spacing:.02em;transition:color 80ms,border-color 80ms,background 80ms}#toolbar #report-view{color:#eceff4;border-color:var(--public-line);background:#ffffff0f}#toolbar button:hover{color:var(--hud-fg);border-color:var(--hud-fg)}#toolbar button.active{color:var(--hud-hot);border-color:var(--hud-hot);background:#e8b87a1f}#toolbar .divider{width:1px;align-self:stretch;background:var(--hud-border);margin:0 .15rem}#toolbar .readout{color:var(--hud-dim)}#toolbar .readout span{color:var(--hud-fg)}@media (max-width: 760px){#public-bar{left:.55rem;right:.55rem;top:.55rem;align-items:flex-start;flex-direction:column;gap:.42rem}#public-bar .public-brand{width:100%;justify-content:space-between;gap:.5rem}.public-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.public-actions button{padding-inline:.35rem;overflow-wrap:anywhere}#intro-panel,#about-panel{top:6.55rem;left:.55rem;right:.55rem;width:auto}#about-panel{max-height:calc(100vh - 8rem);overflow:auto}#toolbar{left:.55rem;right:.55rem;bottom:.55rem;max-width:none}#toolbar select{min-width:0;flex:1 1 100%;max-width:none}#toolbar .readout{font-size:.7rem}#legend{display:none}aside#hud{top:7rem;left:.55rem;right:.55rem;min-width:0;max-width:none}}.overlay-grid line{stroke:#e8b87a59;stroke-width:2;vector-effect:non-scaling-stroke;fill:none}.overlay-grid.hidden{display:none}.overlay-bbox rect{fill:none;stroke:#9bd289d9;stroke-width:3;stroke-dasharray:8,6;vector-effect:non-scaling-stroke}.overlay-bbox text{fill:#9bd289f2;font:14px ui-monospace,monospace}.overlay-bbox.hidden{display:none}.overlay-labels{pointer-events:none}.overlay-labels text{fill:#e8b87a8c;font:9px/1 ui-monospace,monospace;text-anchor:start;dominant-baseline:hanging;paint-order:stroke;stroke:#161820cc;stroke-width:2}.overlay-labels.hidden{display:none}