*{box-sizing:border-box;letter-spacing:0}:root{font-family:Microsoft YaHei,Segoe UI,sans-serif;color:#25352f;background:#aeb4b6;font-synthesis:none}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select,input{accent-color:#456c59}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #3c7359;outline-offset:3px}button svg{pointer-events:none}svg{width:19px;height:19px;stroke-width:1.65;flex:none}#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.topbar{position:fixed;z-index:5;left:24px;right:24px;top:max(20px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.identity,.top-actions{pointer-events:auto;display:flex;align-items:center}.identity{gap:12px;background:#fffffff0;padding:12px 18px;border-radius:6px;box-shadow:0 2px 18px #17271e15}.identity>svg{width:28px;height:28px;color:#426c57}h1{font-size:18px;line-height:1.3;margin:0;font-weight:600}#room-status{display:block;font-size:11px;color:#67716b;margin-top:3px}.top-actions{gap:4px;background:#fffffff0;border-radius:6px;padding:5px;box-shadow:0 2px 18px #17271e15}.quick-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;height:38px;padding:0 10px;border-radius:4px;background:transparent;color:#374a40;font-size:12px;white-space:nowrap}.quick-button:hover,.quick-button.active{background:#e8ede9}.quick-button svg{width:16px;height:16px}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;width:40px;height:40px;flex:none;border-radius:4px;background:transparent;color:#374a40}.icon-button:hover{background:#e8ede9}.control-label{font-size:12px;color:#506056}.room-picker{display:flex;align-items:center;gap:7px;padding:0 10px}.room-picker svg{color:#597060}.room-picker select{border:0;background:transparent;color:#304c3b;width:124px;height:38px;cursor:pointer;font-size:13px}.dock{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;padding:5px;background:#fffffff2;border:1px solid #ffffff70;border-radius:6px;box-shadow:0 3px 20px #18261e22;z-index:5;max-width:calc(100% - 24px)}.modes{display:flex;gap:3px}.modes button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:4px;color:#506056;background:transparent;height:42px;width:86px;font-size:13px}.modes button:hover{background:#edf1ee}.modes button.active{background:#3c624e;color:#fff}.separator{width:1px;height:24px;background:#dce2dd;margin:0 7px}.dock [data-tip]:hover:after,.top-actions [data-tip]:hover:after{content:attr(data-tip);position:absolute;background:#243a2f;color:#fff;font-size:11px;white-space:nowrap;padding:6px 8px;border-radius:3px;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);pointer-events:none}.top-actions [data-tip]:hover:after{bottom:auto;top:calc(100% + 12px)}#settings{position:fixed;right:24px;top:102px;width:288px;max-height:calc(100dvh - 196px);overflow:auto;background:#fffffff5;padding:12px 18px 20px;z-index:7;border:1px solid #f9fbf9;border-radius:6px;box-shadow:0 8px 35px #19292025}#settings[hidden]{display:none}.panel-title{display:flex;align-items:center;justify-content:space-between;margin:0 -8px 12px 0}h2{font-size:15px;margin:0;font-weight:600}h3{font-size:12px;font-weight:600;margin:14px 0 6px;color:#6e7972}.setting{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:37px;font-size:12px}.setting input[type=range]{width:124px;cursor:pointer}.setting input[type=checkbox]{width:16px;height:16px;cursor:pointer}.setting select{font-size:12px;border:1px solid #d7dfd9;border-radius:3px;background:#fff;padding:5px 8px;width:124px;color:#435549}.divider{height:1px;background:#e1e7e2;margin:13px 0}#minimap{position:fixed;z-index:4;right:24px;bottom:24px;width:210px;height:192px;background:#fffffff0;border-radius:6px;overflow:hidden;box-shadow:0 2px 18px #17271e15}#map{display:block;width:210px;height:166px;cursor:pointer;touch-action:none}#view-status{display:block;font-size:10px;text-align:center;color:#79847c;height:26px;padding:3px 0 7px}#reticle{position:fixed;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #1c382844;pointer-events:none;opacity:0;z-index:2}.locked #reticle{opacity:.75}.locked .topbar,.locked .dock{opacity:.25;transition:opacity .3s}#loading{position:fixed;inset:0;background:#f1f4f1;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:15;gap:18px}#loading>svg{width:38px;height:38px;color:#456c59}#loading h2{font-size:16px;font-weight:500}#loading progress{width:200px;height:4px;border:0;appearance:none}#loading progress::-webkit-progress-bar{background:#dfe7e1}#loading progress::-webkit-progress-value{background:#456c59;transition:width .2s}#load-value{font-size:12px;color:#6d7f72;font-variant-numeric:tabular-nums}#retry{padding:9px 18px;border:1px solid #789782;border-radius:4px;background:#fff;color:#355441}#toast{position:fixed;left:50%;bottom:97px;transform:translate(-50%);background:#243a2fed;color:#fff;font-size:12px;border-radius:4px;padding:9px 15px;z-index:20;max-width:90vw}#joystick{display:none;position:fixed;left:24px;bottom:104px;width:98px;height:98px;border-radius:50%;background:#ffffff52;border:1px solid #ffffffa0;z-index:4;touch-action:none}#stick{width:46px;height:46px;position:absolute;left:25px;top:25px;background:#ffffffcd;border-radius:50%;display:grid;place-items:center;color:#43644f;pointer-events:none}.tour #reticle,.orbit #reticle{display:none}.tour #joystick,.orbit #joystick{display:none!important}.tour .topbar{opacity:.8}#minimap[hidden],#joystick[hidden]{display:none!important}@media(pointer:coarse){#joystick{display:block}.top-actions [data-tip]:hover:after,.dock [data-tip]:hover:after{display:none}}@media(max-width:760px){.topbar{left:12px;right:12px;top:max(12px,env(safe-area-inset-top));gap:8px;align-items:flex-start}.identity{padding:10px 12px;gap:8px}.identity>svg{width:21px;height:21px}h1{font-size:15px}#room-status{font-size:10px}.top-actions{gap:0;padding:4px}.room-picker{padding:0 3px 0 5px;gap:3px}.room-picker>svg{display:none}.room-picker select{width:83px;font-size:12px}.top-actions .icon-button{width:32px;height:38px}#fullscreen{display:none}#minimap{width:168px;height:159px;right:12px;bottom:93px}#map{width:168px;height:133px}.dock{bottom:max(17px,env(safe-area-inset-bottom));padding:4px}.modes button{width:70px;height:42px;gap:5px;font-size:12px}.dock .icon-button{width:36px}.separator{margin:0 4px}#settings{top:88px;right:12px;width:276px;max-height:calc(100dvh - 175px)}#joystick{left:18px;bottom:109px}#toast{bottom:84px}}@media(max-width:350px){.identity>svg{display:none}.identity{padding:10px}.top-actions .icon-button{width:29px}.modes button{width:61px}.dock .icon-button{width:31px}#map-toggle{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.setting[hidden]{display:none!important}body[data-loading]>:not(#loading):not(script){display:none!important}.quick-button[aria-pressed=true],.quick-button.active{background:#3c624e;color:#fff}.quick-button:focus-visible{outline:2px solid #3c7359;outline-offset:2px}.quick-button{min-height:44px;min-width:48px}.setting-emphasis{margin:12px -8px;padding:12px 8px;background:#eef2ec;border-radius:5px}.setting-emphasis small{display:block;font-size:10px;color:#778477;margin-top:4px}.setting select{width:168px}.setting input:disabled{opacity:.4}#settings{width:322px}.locked .topbar:hover,.locked .dock:hover{opacity:1}@media(max-width:760px){.topbar{flex-wrap:wrap}.identity{padding:8px 12px}.top-actions{width:100%;justify-content:space-between}.room-picker{flex:1}.room-picker select{width:100%;min-width:75px}.quick-button{padding:0 8px;min-width:48px;min-height:44px}.quick-button svg{width:16px}#fullscreen{display:inline-flex}#settings{top:132px;width:min(322px,calc(100vw - 24px));max-height:calc(100dvh - 220px)}}@media(max-width:350px){#map-toggle{display:inline-flex}.quick-button{padding:0 5px;gap:3px;min-width:44px}.control-label{display:none}}@media(max-width:760px){.control-label{display:none}.room-picker{min-width:0}.room-picker select{min-width:60px}.top-actions{gap:0}}.top-left{display:flex;align-items:center;gap:8px;pointer-events:auto;flex-shrink:0}.version-picker{position:relative;flex:none}.version-trigger{display:flex;align-items:center;gap:10px;min-height:54px;padding:9px 12px;border:1px solid #ffffffb3;border-radius:6px;background:#f7f9f5f5;box-shadow:0 2px 18px #17271e15;color:#304c3b;touch-action:manipulation}.version-trigger:hover,.version-trigger[aria-expanded=true]{background:#e8eee7;border-color:#adbcaf}.version-chip{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #c7d2c8;border-radius:4px;color:#456451;background:#edf2eb;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.version-trigger-label{display:grid;gap:3px;text-align:left}.version-trigger-label small{font-size:10px;color:#637567;font-weight:400}.version-trigger-label strong{font-size:13px;font-weight:500;white-space:nowrap}.version-chevron{width:14px;height:14px;margin-left:3px;transition:transform .15s}.version-trigger[aria-expanded=true] .version-chevron{transform:rotate(180deg)}.version-menu{position:absolute;top:calc(100% + 8px);left:0;width:248px;padding:7px;background:#f7f9f5;border:1px solid #ced7cd;border-radius:8px;box-shadow:0 12px 32px #10231938;z-index:9}.version-menu[hidden]{display:none}.version-menu-title{margin:5px 7px 8px;font-size:10px;color:#66796b}.version-option{display:flex;align-items:center;gap:10px;min-height:62px;padding:9px 8px;border-radius:5px;color:#304c3b;text-decoration:none;touch-action:manipulation}.version-option:hover{background:#eaf0e7}.version-option[aria-checked=true]{background:#e1ebdf}.version-option[aria-checked=true] .version-chip{background:#3c624e;color:#fff;border-color:#3c624e}.version-option-copy{display:grid;gap:5px;min-width:0;flex:1}.version-option-copy strong{font-weight:500;font-size:13px}.version-option-copy small{color:#5f7263;font-size:10px}.version-check{font-size:15px;color:#365b43;visibility:hidden}.version-option[aria-checked=true] .version-check{visibility:visible}.version-option:focus-visible{outline:2px solid #3c7359;outline-offset:-2px}@media(max-width:1000px){.topbar{flex-wrap:wrap}.top-actions{margin-left:auto}}@media(max-width:760px){.top-left{position:relative;width:100%;justify-content:flex-start;gap:8px}.version-picker{position:static}.version-trigger{min-height:50px;padding:6px 9px;gap:7px}.version-trigger-label strong{font-size:12px}.version-chip{width:27px;height:27px}.version-menu{left:0;right:auto;width:min(248px,calc(100vw - 24px))}}#minimap.compact-map{height:auto}#minimap.compact-map #map{width:100%;height:auto;aspect-ratio:420/268}#minimap.compact-map #view-status{height:22px;padding:2px 0 5px}.identity,.top-actions,.version-trigger{border-width:1px;border-style:solid;border-color:#ffffffb3}.top-left .identity,.top-left .version-trigger{width:164px;height:58px;min-height:58px;padding:8px 12px;border:1px solid #ffffffb3}.top-left .version-trigger{justify-content:space-between}@media(max-width:760px){.top-left .identity,.top-left .version-trigger{width:140px;height:52px;min-height:52px;padding:6px 9px}}#canopy-controls{position:fixed;z-index:4;left:24px;top:var(--canopy-top,102px);width:286px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--canopy-top,102px) - 92px);overflow:auto;padding:10px 12px;background:#fffffff2;border:1px solid #ffffffb3;border-radius:6px;box-shadow:0 2px 18px #17271e15}#canopy-controls[hidden]{display:none}.canopy-actions{display:flex;gap:8px}.canopy-actions .quick-button{flex:1;font-size:12px;background:#e8ede9;border:1px solid #d7dfd9;touch-action:manipulation}.canopy-actions .quick-button:hover{background:#dce7de}.canopy-actions .quick-button[aria-checked=true]{background:#3c624e;color:#fff;border-color:#3c624e}.canopy-actions .quick-button:disabled{cursor:default}#canopy-status{font-size:12px;line-height:1.5;margin:8px 0 3px;color:#304c3b}#canopy-note{font-size:11px;line-height:1.6;margin:0;color:#506056}.locked #canopy-controls{opacity:.25}.locked #canopy-controls:hover{opacity:1}@media(max-width:760px){#canopy-controls{left:12px;width:286px}}.scene-switcher{display:flex;align-items:center;gap:2px;padding:3px 5px;border-left:1px solid #dce2dd;margin-left:3px}.scene-caption{font-size:10px;color:#7a887f;padding:0 4px;white-space:nowrap}.scene-divider{width:1px;height:22px;background:#dce2dd;margin:0 4px}.scene-switcher .quick-button{height:34px;padding:0 7px;font-size:11px}.scene-switcher .quick-button.active{background:#e0ebe3;color:#315b45}#canopy-controls{left:24px;top:auto;bottom:max(25px,env(safe-area-inset-bottom));width:320px;max-height:none;padding:12px 14px}.canopy-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.eyebrow{font-size:11px;font-weight:600;color:#304c3b}.canopy-heading span:last-child{font-size:11px;color:#7b887f}.canopy-details{margin-top:8px;font-size:11px;color:#5a695f}.canopy-details summary{cursor:pointer;color:#55705d}.canopy-details p{line-height:1.55;margin:6px 0 0}.activity-actions{display:flex;align-items:center;gap:3px;margin-top:9px;padding-top:8px;border-top:1px solid #e1e7e2}.activity-label{font-size:11px;color:#7a887f;margin-right:auto}.activity-choice{height:31px!important;padding:0 8px!important;font-size:11px!important}.activity-choice.active{background:#e0ebe3!important;color:#315b45;border-color:#b8cdbd!important}@media(max-width:760px){.top-actions{max-width:calc(100vw - 24px);overflow:hidden}.scene-switcher{order:3;width:100%;justify-content:center;border-left:0;border-top:1px solid #dce2dd;margin:3px 0 0;padding-top:4px}.top-actions{flex-wrap:wrap;justify-content:flex-end}#canopy-controls{left:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100vw - 24px);max-width:340px}.canopy-actions .quick-button{height:38px}.scene-caption{font-size:9px}#minimap{top:195px;bottom:auto}}