:root{--panel: rgba(22, 24, 27, .78);--panel-solid: #16181b;--line: rgba(255, 255, 255, .12);--text: #f2f0eb;--muted: #a9a59c;--accent: #e0b36a;--accent-text: #1b1508;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d0e10;color:var(--text);font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}canvas#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas#view.dragging{cursor:grabbing}.panel{position:fixed;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}button{font:inherit;color:var(--text);background:#ffffff14;border:1px solid var(--line);border-radius:7px;padding:5px 10px;cursor:pointer}button:hover{background:#ffffff29}button.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#title{top:12px;left:12px;padding:8px 12px}#title h1{margin:0;font-size:15px;font-weight:600;letter-spacing:.01em}#title p{margin:2px 0 0;color:var(--muted);font-size:12px}#tools{top:12px;right:12px;padding:6px;display:flex;gap:6px}#map{position:fixed;right:12px;bottom:12px;width:340px;display:flex;flex-direction:column;gap:4px}#map.hidden{display:none}#map .bar{padding:6px}#map .bar.panel{position:static}#map .row{display:flex;gap:6px;align-items:center}#map .row .grow{flex:1}#map-view{height:250px;border-radius:var(--radius);border:1px solid var(--line);cursor:crosshair;touch-action:none}#places{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}#places button{padding:3px 8px;font-size:12px}.hint{color:var(--muted);font-size:11px}#home{top:76px;left:12px;width:300px;max-height:calc(100vh - 100px);overflow-y:auto;padding:10px 12px;z-index:2}#home.hidden{display:none}#home .home-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}#home h2{margin:0;font-size:14px}#home .row{display:flex;gap:6px;margin:8px 0 4px}#home h3{margin:10px 0 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;cursor:pointer}.switch{position:relative;flex:none;width:38px;height:22px;padding:0;border-radius:11px;background:#ffffff24}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text);transition:transform .15s}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true]:after{transform:translate(16px);background:var(--accent-text)}.switch:hover{background:#ffffff38}.switch[aria-checked=true]:hover{background:var(--accent)}#help{left:12px;bottom:12px;padding:10px 12px;max-width:330px;font-size:12px}#help.hidden{display:none}#help h2{margin:0 0 6px;font-size:13px}#help dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}#help dt{color:var(--accent);white-space:nowrap}#help dd{margin:0}kbd{font:11px ui-monospace,Menlo,monospace;padding:0 4px;border:1px solid var(--line);border-radius:4px}#loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--panel-solid);z-index:10}#loading .box{text-align:center;max-width:420px;padding:24px}#loading h1{margin:0 0 6px;font-size:22px;font-weight:600}#loading p{margin:0 0 18px;color:var(--muted)}#loading-text{color:var(--accent)}#loading-bar{display:block;width:100%;margin-top:12px;accent-color:var(--accent)}#loading-bar[hidden]{display:none}#enter{display:none;margin-top:16px;padding:10px 22px;font-size:15px}#loading.ready #enter{display:inline-block}@media (max-width: 720px){#map{left:16px;right:16px;width:auto}#map-view{height:180px}#help,#title p{display:none}}