:root{color-scheme:dark;--ink:#f0f0e9;--muted:#a2aaa4;--accent:#cfebae;--panel:#141b19e8}*{box-sizing:border-box}body{margin:0;background:#141a19;color:var(--ink);font:14px/1.65 system-ui,"Microsoft Yahei",sans-serif;overflow:hidden}button,a{touch-action:manipulation}button{font:inherit;color:inherit;background:#ffffff09;border:1px solid #ffffff20;border-radius:8px;padding:10px 15px;cursor:pointer;transition:background .2s,border-color .2s}button:hover{background:#ffffff18;border-color:#b4d09880}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:wait}button[aria-pressed=true],button.active{border-color:var(--accent);color:var(--accent);background:#bce38e14}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block;touch-action:none}header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:28px 36px;background:linear-gradient(#101715d9,transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:17px}.mark{font-size:24px;display:grid;place-items:center;width:54px;height:58px;border:1px solid #d9e5cf55;border-radius:4px;font-weight:300}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);margin:0 0 7px}h1{font-size:23px;font-weight:500;letter-spacing:2px;margin:0}h2{font-weight:500;font-size:24px;margin:8px 0 12px}.actions{display:flex;gap:10px;pointer-events:auto}aside{position:fixed;top:150px;left:36px;width:270px;padding:24px;background:var(--panel);border:1px solid #ffffff12;border-radius:12px;max-height:calc(100dvh - 270px);overflow:auto;backdrop-filter:blur(18px)}.subtle,.aside-note{color:var(--muted);font-size:12px}.aside-note{margin:20px 0 0}.divider{height:1px;background:#ffffff16;margin:22px 0}#areas{display:grid;gap:8px;margin-top:18px}#areas button{text-align:left}#areas small{display:block;color:var(--muted);font-size:11px;margin-top:3px}#views{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}#views button{padding:0;overflow:hidden;border-radius:5px;aspect-ratio:3/4}#views img{width:100%;height:100%;object-fit:cover}#loading{position:fixed;left:55%;top:47%;transform:translate(-50%,-50%);text-align:center;background:var(--panel);border:1px solid #ffffff15;border-radius:16px;padding:35px;width:min(410px,80vw);backdrop-filter:blur(20px)}#loading p{color:var(--muted)}#loading progress{width:100%;height:5px;accent-color:var(--accent)}.spinner{display:inline-block;width:30px;height:30px;border:2px solid #ffffff22;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}footer{position:fixed;inset:auto 0 0;padding:20px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(transparent,#101715e8);pointer-events:none}.scene-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.dot{height:6px;width:6px;background:var(--accent);border-radius:100%}.tools{display:flex;gap:8px;pointer-events:auto}.hint{font-size:11px;color:var(--muted)}dialog{color:var(--ink);border:1px solid #ffffff22;background:#17201c;border-radius:16px;width:min(560px,90vw);padding:35px}dialog::backdrop{background:#060c08aa;backdrop-filter:blur(8px)}dialog dt{margin-top:18px;color:var(--accent)}dialog dd{margin:6px 0;color:#b6bfb7}dialog a{color:var(--accent)}.close{position:absolute;top:12px;right:15px;border:0;font-size:25px}#walk{position:fixed;right:35px;bottom:115px;text-align:center}#walk button{width:49px;height:49px;margin:3px;background:#17201ceb}#walk div{display:flex}#walk[hidden],#loading[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){header{padding:18px}.mark{width:43px;height:49px}h1{font-size:19px}.actions button{padding:9px;font-size:11px}.eyebrow{font-size:10px}aside{left:16px;top:106px;padding:14px;width:185px;max-height:47dvh}aside h2{font-size:18px}#areas button{padding:8px 9px;font-size:12px}.divider{margin:14px 0}.aside-note{display:none}#loading{left:50%;top:61%;padding:23px}footer{padding:17px;align-items:flex-end}.hint{display:none}.scene-status{position:absolute;bottom:78px;font-size:10px}.tools{width:100%;justify-content:center}.tools button{font-size:12px;padding:10px 11px}#walk{right:16px;bottom:100px}#walk button{width:43px;height:43px}.subtle{font-size:11px}}
footer{background:linear-gradient(transparent,#101715fa)}footer .tools button{background:#15201be8}.scene-status,.hint{color:#dce6db;text-shadow:0 1px 3px #000}
#panel-toggle{position:fixed;left:237px;top:165px;z-index:3;font-size:11px;padding:4px 9px;background:#1b251feb}.panel-closed aside{display:none}.panel-closed #panel-toggle{left:36px;top:150px;padding:10px 16px}@media(max-width:850px){#panel-toggle{left:137px;top:119px}.panel-closed #panel-toggle{left:16px;top:106px}}
@media(max-width:850px){.brand{gap:9px}.brand .eyebrow{font-size:8px;letter-spacing:1px;white-space:nowrap}.mark{width:36px;flex-shrink:0}.actions{gap:5px;flex-shrink:0}.actions button{white-space:nowrap;padding:8px;font-size:10px}}