:root{--ink:#233f3b;--green:#2b625a;--muted:#7b8982;--line:#dce3dc;--paper:#fafbf7;--soft:#edf1e9;--gold:#c9a878;font-family:'Microsoft YaHei UI','Microsoft YaHei',system-ui,sans-serif;color:var(--ink);font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--paper);overflow:hidden}button,select,input{font:inherit}button,select{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;cursor:pointer}button{padding:9px 12px;transition:background .15s,color .15s}button:hover{background:var(--soft)}button:focus-visible,select:focus-visible,#viewport:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}.masthead{height:86px;display:flex;align-items:center;padding:0 28px;gap:15px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--paper)}.brandmark{width:40px;height:40px;border-radius:14px 14px 5px 14px;background:var(--green);color:#ece4c5;display:grid;place-items:center;font-size:20px;flex-shrink:0}.brand h1{font-size:19px;font-weight:600;letter-spacing:2px;margin:0}.brand p{font-size:11px;letter-spacing:3px;margin:5px 0 0;color:var(--muted)}.brand p span{margin:0 5px;color:#c3cfc5}.header-note{margin-left:auto;font-size:12px;display:flex;align-items:center;gap:8px}.header-note i{width:6px;height:6px;background:#7a9d80;border-radius:50%}.header-note span{color:var(--muted);margin-left:12px;padding-left:18px;border-left:1px solid var(--line)}.quiet{margin-left:15px;background:transparent}.icon{display:none}h2{font-size:20px;font-weight:500;margin:10px 0}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#8e9e91}.subtle{font-size:11px;color:var(--muted);line-height:1.8}.note{font-size:10px;color:#8b938b;line-height:1.65;margin:8px 0}#sidebar{position:absolute;left:0;top:86px;bottom:0;width:270px;padding:26px 22px 0;display:flex;flex-direction:column;background:var(--paper);border-right:1px solid var(--line);z-index:4}#sidebar>h2{margin-bottom:0}#sidebar>.subtle{margin:8px 0 20px}.segmented{display:flex;background:#e9eee7;border-radius:9px;padding:4px;gap:3px;margin-bottom:12px}.segmented button{width:50%;border:0;background:transparent;font-size:12px}.segmented .selected{background:var(--green);color:#fff;box-shadow:0 2px 4px #17352b20}.view-row{display:flex;gap:6px}.view-row button{flex:1;font-size:11px;padding:8px 4px}.room-list{margin-top:22px;overflow:auto;min-height:80px;scrollbar-width:thin}.room-button{display:flex;align-items:center;border:0;width:100%;background:transparent;padding:11px 5px;border-bottom:1px solid #e7ebe5;border-radius:0;text-align:left;gap:13px;font-size:12px}.room-button .number{font:11px Georgia,serif;color:#8d9e90;width:16px}.room-button .arrow{margin-left:auto;color:#b4bfb5}.room-button.active{color:var(--green);font-weight:600}.room-button.active .number{color:var(--green)}.sidebar-bottom{margin-top:auto;padding:16px 0 22px}.tiny-label{font-size:9px;color:var(--muted);display:block;margin-bottom:6px}.sidebar-bottom strong{font-weight:500;font-size:13px}.sidebar-bottom p{font:10px/1.5 system-ui;color:var(--muted);margin:6px 0 12px}.sidebar-bottom button{font-size:11px;width:100%;background:transparent}#stage{position:absolute;left:270px;top:86px;right:0;bottom:0;background:#e9eeeb;overflow:hidden}#viewport{position:absolute;inset:0;outline:none;touch-action:none}#viewport canvas{display:block;width:100%;height:100%}.scene-caption{position:absolute;left:27px;top:24px;pointer-events:none;text-shadow:0 1px 12px white}.scene-caption span{font-size:10px;letter-spacing:2px;color:#6f8279}.scene-caption h2{font-size:17px;margin-top:7px;font-weight:500}#settings{position:absolute;right:18px;top:18px;width:218px;background:#fcfdf9f5;box-shadow:0 4px 24px #233f3b0d;border:1px solid #ffffffb0;border-radius:12px;max-height:calc(100% - 65px);overflow:auto;scrollbar-width:thin}summary{cursor:pointer;list-style:none;padding:14px 16px;font-size:12px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{float:right;color:#9aa79e}.settings-body{padding:0 15px 13px}.stack{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#708477;margin:6px 0 13px}select{width:100%;padding:8px 6px;font-size:11px}.check{display:flex;gap:7px;align-items:center;font-size:11px;margin:10px 0}.check input{accent-color:var(--green)}.divider{height:1px;background:var(--line);margin:15px 0}.control-heading{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.control-heading strong{font-weight:500}.control-heading span{color:var(--green);font-size:10px}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}#qa-all{width:100%;font-size:11px}#door-state{margin-bottom:0}#minimap-panel{position:absolute;left:22px;bottom:58px;background:#fafcf6eb;border:1px solid #fff;border-radius:11px;width:214px;overflow:hidden;pointer-events:none;box-shadow:0 3px 20px #234b3b0b}.map-title{padding:11px 12px 0;font-size:10px}.map-title span{float:right;font-size:8px;color:#9aa598}#minimap{width:100%;height:auto;display:block}.map-caption{font-size:8px;color:#8e9a8f;text-align:center;padding-bottom:8px}.statusbar{position:absolute;bottom:0;left:0;right:0;height:36px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fafbf8ed;border-top:1px solid #fff;font-size:9px;color:#74877b;gap:12px}#hint{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);background:#233f3bdf;color:white;border-radius:8px;padding:10px 15px;font-size:11px;pointer-events:none;max-width:calc(100% - 32px);text-align:center;opacity:0;transition:opacity .15s}#hint.shown{opacity:1}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffffb3;text-shadow:0 0 3px #243932;font-weight:200;font-size:22px;pointer-events:none}.walk-tip{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);white-space:nowrap;display:flex;gap:10px;align-items:center;font-size:9px;color:#526e62;background:#ffffffdd;padding:6px 9px;border-radius:8px}.walk-tip button{font-size:10px;padding:5px 9px}#dpad{position:absolute;right:22px;bottom:86px;text-align:center}#dpad button{width:37px;height:37px;padding:0;background:#fbfcf3e8;font-size:18px;margin:2px;user-select:none;touch-action:none}#dpad div{display:flex}#loading{position:absolute;inset:0;background:#edf1ebeF;backdrop-filter:blur(9px);z-index:10;display:grid;place-items:center}.loading-card{width:360px;max-width:90%;text-align:center}.loading-card .brandmark{margin:0 auto 24px}.loading-card h2{font-size:24px;margin-top:12px}.loading-card p{font-size:12px;color:#839487}.loading-card .eyebrow{font-size:8px}progress{appearance:none;width:100%;height:3px;border:0;background:#d9e1d8;margin-top:20px}progress::-webkit-progress-bar{background:#d9e1d8}progress::-webkit-progress-value{background:var(--green);transition:width .2s}#progress-label{font-size:10px;color:#76917c;margin-top:10px}#retry{margin:10px}dialog{border:1px solid #d9e1d5;border-radius:18px;padding:34px;max-width:760px;width:90vw;color:var(--ink);max-height:87vh;overflow:auto;background:var(--paper);box-shadow:0 20px 120px #132f3529}dialog::backdrop{background:#16362d66;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:18px;top:16px;border:0;font-size:23px;background:transparent}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.help-grid h3{font-size:13px;font-weight:500}.help-grid p,.help-foot,dialog details p{font-size:12px;line-height:1.9;color:#718276}.help-foot{border-top:1px solid var(--line);padding-top:20px}dialog details{border:1px solid var(--line);border-radius:8px;padding:0 12px}dialog pre{white-space:pre-wrap;font-size:10px;max-height:200px;overflow:auto}dialog a{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(min-height:850px){.room-button{padding:15px 5px}}@media(max-height:680px){#sidebar{padding-top:16px}.room-list{margin-top:10px}.room-button{padding:8px 5px}#sidebar>.subtle{margin-bottom:10px}#minimap-panel{width:170px}.sidebar-bottom{padding-bottom:12px}.scene-caption h2{font-size:14px}}
@media(max-width:950px){.header-note span{display:none}#settings{width:190px}.scene-caption h2{max-width:260px;font-size:14px}#minimap-panel{width:170px}}
@media(max-width:720px){.masthead{height:70px;padding:0 14px;gap:9px}.icon{display:block;padding:7px;background:transparent;border:0}.brand h1{font-size:14px;letter-spacing:1px}.brandmark{width:30px;height:33px;font-size:16px}.brand p{font-size:9px;letter-spacing:1px}.header-note{display:none}.quiet{margin-left:auto;font-size:10px;padding:7px}#stage{left:0;top:70px}#sidebar{top:70px;transform:translateX(-100%);transition:transform .2s;box-shadow:5px 0 30px #243b3b22}body.menu-open #sidebar{transform:translateX(0)}.scene-caption{left:15px;top:16px}.scene-caption h2{font-size:12px;max-width:180px}#settings{right:10px;top:12px;width:178px}.settings-body{padding:0 12px 10px}#minimap-panel{left:12px;bottom:90px;width:140px}.map-caption{font-size:7px}.walk-tip{bottom:42px;max-width:calc(100% - 20px);white-space:normal;transform:translateX(-50%);width:max-content}.walk-tip span{font-size:8px;max-width:190px}.statusbar{padding:0 12px;font-size:8px}#model-status{max-width:45%;text-align:right}.help-grid{grid-template-columns:1fr}dialog{padding:27px}.scene-caption span{font-size:8px}#hint{bottom:92px}#dpad{right:13px;bottom:100px}}