:root{color-scheme:dark;--ink:#edf0e7;--muted:#b5c0b3;--shell:#29332f;--mat:#202923;--line:#526052;--accent:#d2dcb9;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-width:280px;height:100%;overflow:hidden;background:var(--shell);color:var(--ink)}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid var(--line);background:var(--shell);border-radius:4px;padding:8px 13px}button:hover{background:#3b483d;border-color:var(--muted)}button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}
.experience{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.topbar{min-height:52px;padding:8px max(24px,env(safe-area-inset-right)) 8px max(24px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;gap:16px}.identity{display:flex;align-items:baseline;gap:14px}h1{font-family:"STZhongsong","Songti SC","SimSun",serif;font-size:23px;font-weight:600;letter-spacing:.12em;margin:0;white-space:nowrap}.identity>span{font-size:11px;color:var(--muted)}.header-actions{display:flex;gap:8px}.header-actions button{background:none;font-size:12px}.scene-area{background:var(--mat);min-height:0;overflow:hidden}.stage{position:relative;width:100%;height:100%;overflow:hidden;background:#5b6255;isolation:isolate;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}#panorama{cursor:grab}#panorama.dragging{cursor:grabbing}#panorama.holding{cursor:default}#foreground{position:absolute;inset:0;z-index:3;pointer-events:none}
.bearing{position:absolute;z-index:4;top:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid #f4f2db35;border-radius:3px;padding:6px 11px;font-size:12px;color:#fffcef;background:#263029b8;pointer-events:none;white-space:nowrap}.bearing-divider{width:1px;height:10px;background:#e4e9d94d}.turn-zone{position:absolute;z-index:2;top:23%;bottom:23%;width:clamp(30px,3.3vw,48px);display:grid;place-items:center;background:#2c362b26;border:1px solid #f6f1d969;color:#fff9e7;pointer-events:none;transition:background 140ms}.turn-zone.active{background:#2c362b9e;border-color:#fff9e7c9}.turn-left{left:10px;border-radius:3px 0 0 3px}.turn-right{right:10px;border-radius:0 3px 3px 0}.turn-zone svg{width:18px;height:40px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #263029)}
.controls{min-height:64px;padding:9px max(24px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:16px}.held-status{display:flex;align-items:center;gap:18px;min-width:0}#held-name{color:var(--accent);white-space:nowrap;font-size:15px}#hint{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.equipment-actions{display:flex;gap:8px;flex-shrink:0;font-size:13px}#put-down{min-width:76px}.loading,.pause-screen{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:30px;text-align:center;background:var(--mat);color:var(--muted);font-size:14px}.pause-screen{background:#202923dc;backdrop-filter:blur(5px)}.tutorial{position:absolute;z-index:5;left:50%;top:15%;transform:translateX(-50%);max-width:min(80%,500px);padding:12px 18px;background:#263029ed;border:1px solid #d2dcb970;border-radius:5px;color:#f6f3df;line-height:1.6;font-size:13px;text-align:center;pointer-events:none}.discovery-label{position:absolute;z-index:4;transform:translate(-50%,-100%);padding:5px 10px;background:#263029e8;border-radius:3px;font-size:12px;pointer-events:none;white-space:nowrap}.settings{position:absolute;z-index:7;top:8px;right:16px;width:235px;padding:18px;background:#263029f5;border:1px solid var(--line);border-radius:5px;box-shadow:0 12px 30px #0003;display:flex;flex-direction:column;gap:18px;font-size:13px}.settings label{display:flex;gap:10px;align-items:center}.settings input{accent-color:var(--accent);min-width:0}.settings input[type=range]{width:140px}.orientation-note{display:none;position:absolute;z-index:4;bottom:14px;left:50%;transform:translateX(-50%);background:#263029bf;padding:5px 10px;border-radius:3px;font-size:11px;color:var(--ink);white-space:nowrap;pointer-events:none}.audio-status{position:absolute;z-index:10;bottom:78px;left:50%;transform:translateX(-50%);margin:0;padding:9px 14px;max-width:85%;background:#263029ed;border:1px solid var(--line);border-radius:4px;font-size:12px;line-height:1.5;pointer-events:none}
.controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.equipment-actions{justify-self:end;min-width:0}.held-status{flex-direction:column;align-items:flex-start;gap:2px}#put-down{background:#a6333d;border-color:#d9767b;color:#fff4ed;font-size:14px;padding:10px 25px}#put-down:hover:enabled{background:#bf3b46;border-color:#f4a0a0}#put-down:disabled{opacity:.45}
.dev-panel{position:absolute;right:16px;top:64px;bottom:80px;width:min(380px,calc(100% - 32px));z-index:9;display:flex;flex-direction:column;background:#25312cf5;border:1px solid #6e806c;border-radius:8px;box-shadow:0 12px 40px #0006;font-size:13px;overflow:hidden}.dev-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.dev-head h2,.about-head h2{margin:0;font-size:18px;font-weight:600}.dev-head small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.dev-head button,.about-head button{font-size:22px;padding:1px 10px;background:transparent}.dev-scroll{padding:0 18px;overflow:auto;overscroll-behavior:contain;min-height:0}.dev-scroll section{padding:16px 0;border-bottom:1px solid #52605280}.dev-scroll section:last-child{border:0}.dev-scroll h3{font-size:13px;margin:0 0 12px;color:var(--accent)}.dev-check{display:flex;align-items:center;gap:8px;line-height:1.5}.dev-panel input{accent-color:var(--accent)}.dev-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dev-panel select{font:inherit;color:var(--ink);background:#354337;border:1px solid var(--line);border-radius:3px;padding:5px;max-width:170px}.dev-note{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 12px}.dev-control{display:grid;grid-template-columns:1fr auto;gap:7px 10px;margin:12px 0}.dev-control output{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px}.dev-control input{grid-column:1/-1;width:100%;margin:0;height:18px;cursor:pointer}.dev-meter>div{display:flex;justify-content:space-between}.dev-meter meter{width:100%;height:18px;margin:6px 0;accent-color:var(--accent)}.dev-meter small{font-size:10px;color:var(--muted)}.dev-footer{border-top:1px solid var(--line);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dev-footer small{font-size:10px;color:var(--muted)}.dev-footer button{font-size:11px;white-space:nowrap;padding:6px 9px}
.dev-scroll{flex:1}.dev-presets{display:flex;gap:6px;margin-bottom:12px}.dev-presets button{flex:1;padding:7px 4px;font-size:11px}.dev-presets button[aria-pressed=true]{background:#d2dcb9;color:#29332f;border-color:#d2dcb9}.about-dialog{color:var(--ink);background:#293830;border:1px solid #829174;border-radius:9px;padding:24px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 20px 80px #0006}.about-dialog::backdrop{background:#101c16c9;backdrop-filter:blur(4px)}.about-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.about-dialog p{font-size:14px;line-height:1.9;color:#d9e1d2;margin:16px 0 0}
@media(orientation:portrait){.orientation-note{display:block}}@media(max-width:600px){.topbar{min-height:48px;padding:6px 10px;gap:6px}.identity{gap:0}h1{font-size:18px;letter-spacing:0}.identity>span{display:none}.header-actions{gap:4px}.header-actions button{padding:7px 5px;font-size:10px}.bearing{top:8px;padding:4px 8px;font-size:10px}.controls{padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:10px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.held-status{align-items:flex-start;gap:3px;flex-direction:column}#hint{font-size:10px}#held-name{font-size:13px}.equipment-actions{gap:5px;font-size:11px}.equipment-actions button{padding:8px;max-width:100%}#put-down{min-width:52px;padding:10px 13px}.turn-left{left:5px}.turn-right{right:5px}.dev-panel{top:56px;right:8px;width:min(380px,calc(100% - 16px));bottom:90px}.dev-head{padding:12px 16px}.about-dialog{padding:20px}}
@media(orientation:landscape) and (max-height:560px){.topbar{min-height:38px;padding-top:4px;padding-bottom:4px}h1{font-size:18px}.header-actions button{padding:5px 8px}.controls{min-height:44px;padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}#hint{font-size:10px}.equipment-actions button{padding:5px 10px}.bearing{top:8px;padding:4px 8px;font-size:10px}.tutorial{padding:8px 12px;top:44px;left:56px;transform:none;max-width:min(36%,300px);font-size:12px;text-align:left}.dev-panel{top:44px;bottom:58px}.dev-head{padding:8px 16px}.dev-head h2{font-size:15px}.dev-head small{display:none}.dev-footer{padding:8px 16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}