:root{--paper:#f4f3ec;--ink:#233d37;--muted:#62716a;--line:#d9ded3;--accent:#45654c;--soft:#e8ecdf;--white:#fffef8;--sea:#b3cfc9;--shore:#8fcfc2;--lagoon:#4ea3a0;--lowland:#86a65a;--upland:#5e8546;--summit:#8f9a6b;--sand:#ecdcb4;--road-main:#f8efd4;--road-local:#eef0d9;--walk-road:#6b6f72;--sidewalk:#d8d6c0;--marking:#f1e4b6;--marking-center:#d2ab51;--building:#e5dcbf;--building-alt:#d4d6bc;--roof:#b98365;--wood:#bf8656;--sign-yellow:#e2b53e;--sign-blue:#4f86c4;--window:#49645e;--trunk:#6b5238;--canopy:#5c8f3c;--ocean:#3f8f8e;--dirt:#9b8263;--rock:#9a958b;--sun:#fff1d5;--sky:#fffdf1;--ground-light:#718971;--radius:8px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--small:11px;--bridge-steel:#c5cbcc;--bridge-deck:#5a6165;--bridge-walk:#a2a7a5;--lamp-pole:#e8edf0;--lamp-head:#50575b;--guardrail:#c8a03c;--guardrail-post:#dcb43f;--ornamental-head:#3e4a43;--body:13px}
*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden;background:var(--sea);color:var(--ink);font:13px/1.5 Arial,Helvetica,sans-serif}button,select,textarea{font:inherit;color:inherit}button{min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}button:hover{background:var(--soft)}button:disabled{opacity:.5;cursor:wait}button[aria-pressed=true],.primary{background:var(--ink);color:var(--white)}button[aria-pressed=true]:hover,.primary:hover{background:var(--accent)}button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}button[aria-expanded=true]{background:var(--soft)}[hidden]{display:none!important}h2,h3,p{margin:0}h2{font-size:17px}h3{font-size:16px;line-height:1.35}a{color:inherit}#viewport{position:relative;width:100%;height:100%;isolation:isolate}#viewport>canvas{position:absolute;inset:0;display:block;outline:none;z-index:0}.toolbar{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:12px;padding:5px;background:var(--paper);border:1px solid rgba(35,61,55,.12);box-shadow:0 3px 14px #233d3714;border-radius:12px;z-index:10}.brand{font:600 23px Georgia,serif;display:flex;gap:9px;align-items:center;padding:7px 12px}.brand span{font-size:27px}.toolbar-actions{display:flex;gap:2px;border-left:1px solid var(--line);padding-left:8px}.toolbar-actions>button{white-space:nowrap}.toolbar-actions #about{font-size:20px;padding-inline:12px}.panel{position:absolute;top:82px;left:16px;z-index:12;width:320px;max-height:calc(100% - 102px);overflow:auto;padding:16px;background:var(--paper);border:1px solid rgba(35,61,55,.13);border-radius:12px;box-shadow:0 8px 30px #233d3720}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-top:-6px;margin-bottom:10px}.panel-heading button{font-size:23px;min-width:44px;margin-right:-8px}.field-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin:16px 0 7px}.button-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.button-row>button{border-color:var(--line)}select{display:block;width:100%;min-height:44px;padding:10px 28px 10px 11px;background:var(--white);border:1px solid var(--line);border-radius:7px}.mode-list{display:grid;gap:5px}.mode-list button{text-align:left;display:flex;flex-direction:column;border-color:var(--line)}.mode-list span{font-size:11px;opacity:.8}.control-help{font-size:12px;color:var(--muted);margin:13px 0;line-height:1.8}kbd{font:11px monospace;background:var(--soft);border:1px solid var(--line);padding:1px 4px;border-radius:3px}.panel>.primary{width:100%}.inspection{width:340px}.inspection code{display:block;font:13px/1.6 monospace;overflow-wrap:anywhere;margin:8px 0 12px;background:var(--soft);padding:8px;border-radius:5px;user-select:all}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--muted);margin-bottom:6px}dl{display:grid;grid-template-columns:86px 1fr;gap:7px;font-size:11px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.inspection details{margin-top:12px;color:var(--muted);font-size:11px}.inspection summary{cursor:pointer;padding:8px 0}.inspection textarea{width:100%;height:180px;resize:vertical;font:10px/1.5 monospace;background:var(--white);border:1px solid var(--line);border-radius:5px;padding:8px}#copy-status{font-size:12px;margin-top:8px}.navigation-hud{position:absolute;z-index:9;left:16px;bottom:16px;max-width:410px;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.navigation-hud>div:first-child{display:flex;gap:18px;align-items:center}.navigation-hud #walk-distance{font:11px monospace;color:var(--muted)}#walk-status{font-size:11px;color:var(--muted);margin:5px 0}.navigation-hud .button-row{margin-top:8px}body[data-paused=false] .navigation-hud .button-row{display:none}.crosshair{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);text-shadow:0 1px 2px var(--ink);pointer-events:none}body[data-paused=true] .crosshair{display:none}.minimap{position:absolute;z-index:8;bottom:16px;right:16px;width:222px;background:var(--paper);border:1px solid rgba(35,61,55,.15);border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #233d3712}.minimap-heading{display:flex;align-items:center;padding-left:12px;height:36px;font-size:10px;font-weight:600;color:var(--muted)}.minimap-heading span{flex:1}.minimap-heading button{min-height:36px;height:36px;padding:0 12px;border-radius:0;font-size:18px}#minimap-canvas{display:block;width:220px;height:164px}.ui-status{position:absolute;z-index:15;top:84px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:9px 14px;border-radius:8px;max-width:min(520px,90%);pointer-events:none;font-size:12px}.ui-status:empty{display:none}.map-help{position:absolute;bottom:18px;left:20px;font-size:11px;color:var(--ink);pointer-events:none}body:not([data-mode=overview]) .map-help{display:none}#map-labels{position:absolute;inset:0;z-index:2;pointer-events:none}.map-label{position:absolute;white-space:nowrap;font-size:11px;color:var(--ink);text-shadow:0 1px 2px var(--paper);gap:5px;align-items:center}.map-label:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--ink)}body:not([data-mode=overview]) #map-labels{display:none}#loading{position:absolute;inset:0;z-index:20;background:var(--sea);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink)}.loading-mark{font-size:42px}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px;max-width:650px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#102a2455}dialog .close{float:right;font-size:24px}dialog p{margin:14px 0;color:var(--muted);font-size:12px}dialog h2{font:30px Georgia,serif}dialog .credit{font-size:10px}body[data-inspecting=true] #viewport>canvas{cursor:crosshair}
@media(max-width:640px){.toolbar{top:8px;left:8px;right:8px;gap:2px;padding:3px}.brand{font-size:18px;padding:7px}.brand span{font-size:22px}.toolbar-actions{flex:1;justify-content:space-between;gap:0;padding-left:2px}.toolbar-actions>button{padding:9px 7px;font-size:11px}.toolbar-actions #about{font-size:18px;padding-inline:7px}.panel{left:8px;top:69px;width:min(340px,calc(100% - 16px));max-height:calc(100% - 190px)}.minimap{right:8px;bottom:8px;width:162px}.minimap-heading{padding-left:8px}.minimap-heading button{padding-inline:8px}#minimap-canvas{width:160px;height:119px}.navigation-hud{left:8px;bottom:8px;max-width:calc(100% - 184px);padding:10px}.navigation-hud>div:first-child{display:block}.navigation-hud #walk-distance{display:block}.navigation-hud #walk-status{display:none}.navigation-hud .button-row{gap:2px}.navigation-hud button{font-size:11px;padding:8px}.ui-status{top:70px}.map-help{font-size:10px;max-width:calc(100% - 190px);left:12px;bottom:14px}}