:root{--paper-bg: rgba(34, 22, 14, .62);--paper-bg-hover: rgba(46, 30, 18, .78);--paper-border: rgba(196, 154, 92, .35);--paper-border-strong: rgba(214, 174, 110, .55);--paper-shadow: 0 8px 30px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 220, 170, .04);--ink: #ecdfc4;--ink-soft: #c9b48a;--ink-mute: #8a785a;--bronze: #d6ae6e;--bronze-soft: rgba(214, 174, 110, .18);--gold: #f0c674;--radius: 14px;--radius-sm: 8px;--gap: 14px;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}html,body{margin:0;padding:0;width:100%;height:100%;background:#0a0806;color:var(--ink);font-family:var(--font-sans);font-size:13px;overflow:hidden}canvas#stage{display:block;position:absolute;inset:0;cursor:grab;image-rendering:pixelated;image-rendering:crisp-edges}canvas#stage:active{cursor:grabbing}.paper{background:var(--paper-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--paper-border);border-radius:var(--radius);box-shadow:var(--paper-shadow);color:var(--ink)}#hud-help{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:12px;color:var(--ink-soft);user-select:none;pointer-events:none;white-space:nowrap}#hud-help .sep{color:var(--ink-mute)}#hud-help kbd{display:inline-block;padding:2px 7px;margin-right:4px;font-family:var(--font-mono);font-size:11px;color:var(--gold);background:var(--bronze-soft);border:1px solid var(--paper-border-strong);border-radius:5px;box-shadow:inset 0 -1px #00000059}#dock{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:var(--gap);padding:14px 22px;user-select:none}.dock-col{display:flex;flex-direction:column;gap:8px;min-width:0;justify-content:center}.dock-col.left{align-items:flex-start}.dock-col.center{align-items:center;text-align:center;gap:2px}.dock-col.right{align-items:flex-end}.dock-row{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}.dock-row.toggles{font-size:12px;color:var(--ink-soft)}.dock-row.meta{font-size:12px;color:var(--ink-mute);font-family:var(--font-mono)}.dock-row.end{justify-content:flex-end}.dock-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}#hud-pos{font-family:var(--font-mono);color:var(--gold);font-size:14px;letter-spacing:.04em;margin-top:2px}#dock-mapname{font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:22px;font-weight:600;letter-spacing:.04em;color:var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.6);line-height:1.1}#dock-info{font-size:11px;color:var(--ink-soft);min-height:14px}#dock-bioma{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);font-family:var(--font-mono)}.dock-sep{width:1px;height:18px;background:var(--paper-border);margin:0 4px}.dock-row label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:3px 8px;border-radius:999px;border:1px solid transparent;transition:background .12s,border-color .12s,color .12s;color:var(--ink-soft)}.dock-row label:hover{background:var(--bronze-soft);border-color:var(--paper-border);color:var(--ink)}.dock-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;border:1px solid var(--paper-border-strong);border-radius:4px;background:#00000059;cursor:pointer;position:relative;transition:background .12s,border-color .12s}.dock-row input[type=checkbox]:hover{border-color:var(--bronze)}.dock-row input[type=checkbox]:checked{background:var(--bronze);border-color:var(--bronze)}.dock-row input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 0 38%,#221409 38% 52%,transparent 52%) no-repeat 1px 4px / 6px 6px,linear-gradient(-45deg,transparent 0 38%,#221409 38% 52%,transparent 52%) no-repeat 5px 1px / 8px 8px}.ghost-btn,#goto-panel button{appearance:none;background:var(--bronze-soft);color:var(--gold);border:1px solid var(--paper-border-strong);border-radius:var(--radius-sm);padding:5px 12px;font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .05s}.ghost-btn:hover,#goto-panel button:hover{background:#d6ae6e52;border-color:var(--bronze);color:#fff3da}.ghost-btn:active{transform:translateY(1px)}#goto-panel{position:absolute;top:14px;right:14px;display:flex;gap:6px;padding:10px}#goto-panel input{background:#00000073;color:var(--ink);border:1px solid var(--paper-border);border-radius:var(--radius-sm);padding:5px 10px;width:90px;font-family:var(--font-mono);font-size:12px;outline:none}#goto-panel input:focus{border-color:var(--bronze)}#hud-status{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-family:var(--font-mono);pointer-events:none}#hud-status[data-busy=true] .spinner{display:inline-block}#hud-status .spinner{display:none}.spinner{width:12px;height:12px;border:2px solid var(--bronze-soft);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hover-tip{position:absolute;pointer-events:none;padding:6px 10px;font-size:12px;font-family:var(--font-mono);color:var(--ink);white-space:nowrap;z-index:10;text-align:center}#hover-tip .tip-row{display:block}#hover-tip .tip-row+.tip-row{margin-top:2px}#hover-tip .tip-tag{color:var(--bronze);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-right:6px}.touch-only{display:none}@media (hover: none) and (pointer: coarse){.kbd-only{display:none}.touch-only{display:inline}}.dock-toggle{display:none;position:absolute;top:-16px;right:14px;width:38px;height:32px;padding:0;border-radius:8px 8px 0 0;border-bottom:none;background:var(--paper-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.dock-toggle .chev{display:inline-block;font-size:16px;line-height:1;color:var(--bronze);transition:transform .2s}#dock[data-collapsed=true] .dock-toggle .chev{transform:rotate(180deg)}#btn-goto-mobile{display:none}@media (max-width: 760px){#hud-help{top:10px;padding:6px 12px;font-size:11px;max-width:calc(100vw - 28px);white-space:normal;text-align:center}#hud-status{top:10px;left:10px;padding:6px 10px;font-size:10px}#dock{left:8px;right:8px;bottom:8px;grid-template-columns:1fr;padding:12px 14px;gap:10px}.dock-toggle{display:inline-flex;align-items:center;justify-content:center}.dock-col.center{order:0;align-items:center;gap:0}.dock-col.left{order:1;align-items:stretch}.dock-col.right{order:2;align-items:stretch}#dock-mapname{font-size:18px}#hud-pos{font-size:12px}.dock-row{justify-content:center;gap:4px 8px;font-size:11px}.dock-row.end{justify-content:center}.dock-sep{display:none}.dock-label{width:100%;text-align:center;margin-bottom:2px}.dock-row label{padding:4px 8px;font-size:11px;background:#00000040;border-color:var(--paper-border)}.dock-row input[type=checkbox]{width:12px;height:12px}#btn-goto-mobile{display:inline-block}#dock[data-collapsed=true] .dock-col.left,#dock[data-collapsed=true] .dock-col.right{display:none}#goto-panel{left:14px;right:14px;top:60px}#goto-panel input{width:100%}}@media (max-width: 420px){#hud-help{font-size:10px;padding:5px 10px}#dock-mapname{font-size:16px}.dock-row label{padding:3px 6px}}