:root{--bg: #101214;--ink: #f2efe8;--ink-dim: rgba(242,239,232,.62);--panel: rgba(18,20,24,.82);--panel-solid: #15181c;--line: rgba(255,255,255,.12);--chip: rgba(255,255,255,.09);--chip-hover: rgba(255,255,255,.16);--accent: #e0a458;--accent-ink: #1a1408;--font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);box-sizing:border-box;color-scheme:dark}*,*:before,*:after{box-sizing:inherit}html,body{height:100%;margin:0;overflow:hidden}html{scroll-padding-top:var(--sat)}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none;cursor:crosshair}#c.orbit{cursor:grab}#c.orbit:active{cursor:grabbing}.hud{position:fixed;z-index:5;pointer-events:none}#where{top:calc(var(--sat) + 12px);left:calc(var(--sal) + 12px);background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;padding:8px 12px;min-width:150px}#where .room{font-weight:600;font-size:15px;letter-spacing:.01em}#where .meta{color:var(--ink-dim);font-size:12px;font-family:var(--mono);margin-top:2px}#minimapWrap{top:calc(var(--sat) + 12px);right:calc(var(--sar) + 12px);pointer-events:auto;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;padding:6px}#minimap{display:block;width:138px;height:162px;border-radius:8px;cursor:pointer}#mmZoom{position:absolute;left:12px;bottom:12px;font:500 11px/1 var(--font);color:var(--ink);background:var(--panel-solid);border:1px solid var(--line);border-radius:999px;padding:5px 9px;cursor:pointer}#mmZoom:hover{background:var(--chip-hover)}#mmZoom.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}#topbtns{top:calc(var(--sat) + 190px);right:calc(var(--sar) + 12px);display:flex;flex-direction:column;gap:8px;pointer-events:auto}.btn{pointer-events:auto;font:500 13px/1 var(--font);color:var(--ink);background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--chip-hover)}.btn.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}#bottom{left:0;right:0;bottom:0;padding:8px calc(var(--sar) + 10px) calc(var(--sab) + 10px) calc(var(--sal) + 10px);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;pointer-events:auto;-webkit-overflow-scrolling:touch}#bottom::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;font:500 13px/1 var(--font);color:var(--ink);background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:9px 13px;cursor:pointer}.chip:hover{background:var(--chip-hover)}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}#sunbar{left:50%;transform:translate(-50%);bottom:calc(var(--sab) + 54px);display:flex;align-items:center;gap:10px;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:6px 12px;pointer-events:auto}#sunbar label{font-family:var(--mono);font-size:12px;color:var(--ink-dim);min-width:44px}#sunbar input{width:150px;accent-color:var(--accent)}@media (max-width: 720px){#sunbar{display:none}#topbtns{top:calc(var(--sat) + 190px)}#where{min-width:0;max-width:calc(100vw - var(--sal) - var(--sar) - 196px)}}@media (max-width: 480px){.xs-hide{display:none}}@media (max-height: 500px){#topbtns{top:calc(var(--sat) + 12px);right:calc(var(--sar) + 176px)}}#panel{position:fixed;z-index:8;top:0;right:0;bottom:0;width:min(340px,92vw);background:var(--panel-solid);border-left:1px solid var(--line);padding:calc(var(--sat) + 16px) calc(var(--sar) + 18px) calc(var(--sab) + 18px) 18px;overflow-y:auto;transform:translate(105%);transition:transform .25s ease}#panel.open{transform:none}#panel h2{font-size:16px;font-weight:600;margin:0 0 4px}#panel .sub{color:var(--ink-dim);font-size:12px;margin:0 0 16px;line-height:1.45}#panel h3{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin:18px 0 8px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{font:500 13px/1 var(--font);color:var(--ink);background:var(--chip);border:1px solid transparent;border-radius:8px;padding:9px 11px;cursor:pointer}.seg button.on{background:var(--accent);color:var(--accent-ink)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.row input[type=range]{flex:1;accent-color:var(--accent)}.row .val{font-family:var(--mono);font-size:12px;min-width:42px;text-align:right;color:var(--ink-dim)}#panel .close{position:absolute;top:calc(var(--sat) + 10px);right:calc(var(--sar) + 10px)}#panel .note{margin-top:20px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;font-size:12px;color:var(--ink-dim);line-height:1.45}#panel .note b{color:var(--ink);font-weight:600}#help{position:fixed;z-index:9;inset:0;background:#08090bb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}#help .card{max-width:440px;background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;padding:22px 24px;line-height:1.5}#help h1{font-size:20px;margin:0 0 4px;font-weight:600}#help .lead{color:var(--ink-dim);margin:0 0 14px;font-size:13px}#help ul{margin:0 0 16px;padding-left:18px;font-size:13px}#help li{margin:4px 0}#help .credits{margin:-4px 0 14px;font-size:11px;line-height:1.45;color:var(--ink-dim)}#help .credits:empty{display:none}#help kbd{font-family:var(--mono);font-size:11px;background:var(--chip);border:1px solid var(--line);border-radius:5px;padding:1px 6px}#help .go{display:block;width:100%;font:600 14px var(--font);background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:12px;cursor:pointer}#help.hide{display:none}#loading{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);font-family:var(--mono);font-size:13px;color:var(--ink-dim)}#loading.hide{display:none}#joy{position:fixed;z-index:6;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;pointer-events:none;display:none}#joy .knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffff59}#joy.show{display:block}#hint{position:fixed;z-index:5;left:50%;transform:translate(-50%);bottom:calc(var(--sab) + 102px);font-size:12px;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;pointer-events:none;opacity:0;transition:opacity .3s}#hint.show{opacity:1}