:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#29372e;background:#edf0ea;--panel:#f6f7f4;--accent:#2d634d;--line:rgba(38,62,44,.13);--muted:#59675d;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{height:100dvh}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent;min-height:44px;border-radius:10px;padding:0 15px;white-space:nowrap;touch-action:manipulation}button:hover{background:#e7ece4}button:focus-visible,canvas:focus-visible{outline:3px solid #678d76;outline-offset:3px}button[aria-pressed=true]{background:var(--accent);color:#f6f7f4}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#viewer,#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}header{position:absolute;z-index:2;top:calc(env(safe-area-inset-top) + 18px);left:calc(env(safe-area-inset-left) + 20px);right:calc(env(safe-area-inset-right) + 20px);display:flex;align-items:center;gap:24px;pointer-events:none}.identity{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 16px #243a2910}.identity svg{width:26px;height:26px;stroke:var(--accent);stroke-width:1.6;fill:none}.identity span{font-weight:650;font-size:17px}.identity small{display:block;font-size:10px;font-weight:450;letter-spacing:.06em;color:var(--muted);margin-top:3px}nav{display:flex;gap:3px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:14px;pointer-events:auto;box-shadow:0 3px 16px #243a2910}#map-panel{position:absolute;z-index:2;right:calc(env(safe-area-inset-right) + 20px);top:calc(env(safe-area-inset-top) + 18px);width:172px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 16px #243a2910}.map-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;padding:0 2px 5px}#minimap{display:block;width:100%;aspect-ratio:4/5;cursor:crosshair;touch-action:manipulation}#map-panel small{display:block;text-align:center;font-size:10px;color:var(--muted);padding-top:3px}#crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);background:#f6f7f4;border:1px solid #29372e;border-radius:50%;pointer-events:none}#action{position:absolute;left:50%;top:calc(50% + 25px);transform:translateX(-50%);padding:8px 13px;background:var(--panel);border:1px solid var(--line);border-radius:9px;font-size:12px;pointer-events:none;max-width:70%;text-align:center}#loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:var(--panel)}#loading strong{font-size:20px}#loading span{color:var(--muted);font-size:13px;max-width:85%;text-align:center}.load-mark{color:var(--accent);font-size:45px}footer{position:absolute;z-index:2;bottom:calc(env(safe-area-inset-bottom) + 18px);left:calc(env(safe-area-inset-left) + 20px);right:calc(env(safe-area-inset-right) + 20px);display:flex;align-items:center;gap:10px;pointer-events:none}footer button{pointer-events:auto;border:1px solid var(--line);background:var(--panel);box-shadow:0 3px 16px #243a2910}#enter{background:var(--accent);color:#f6f7f4}#guide{font-size:12px;padding:10px 13px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}#guide b{font-weight:400;padding:0 5px}#fullscreen{margin-left:auto;padding:0;width:44px;height:44px}#fullscreen svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;vertical-align:middle}.touch-guide{display:none}#joystick{position:absolute;z-index:3;width:108px;height:108px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #f6f7f4b0;background:#2d634d25;box-shadow:0 0 0 1px #29493725;pointer-events:none}#knob{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:#f6f7f4df;border:1px solid #29493745}#toast{position:absolute;z-index:6;bottom:calc(env(safe-area-inset-bottom) + 90px);left:50%;transform:translateX(-50%);max-width:85%;border-radius:11px;background:#29372e;color:#f6f7f4;font-size:13px;padding:12px 18px;text-align:center;pointer-events:none}body.top-view #crosshair{display:none}body.locked #enter{display:none}body.locked #map-panel{opacity:.78}body.locked nav{opacity:.7}
@media(pointer:coarse){.touch-guide{display:inline}.desktop-guide{display:none}#enter{display:none}}
@media(max-width:650px){header{top:calc(env(safe-area-inset-top) + 10px);left:12px;right:12px;gap:0}.identity{display:none}nav{gap:1px;padding:3px}nav button{font-size:12px;padding:0 10px}#map-panel{top:calc(env(safe-area-inset-top) + 72px);right:12px;width:132px;padding:8px}.map-title{font-size:10px}#map-panel small{font-size:9px}footer{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px)}#guide{font-size:11px;padding:9px 10px}.desktop-guide{font-size:10px}#enter{font-size:12px;padding:0 10px}#action{font-size:11px}}
@media(max-height:500px){header{top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 12px)}.identity{display:none}#map-panel{top:calc(env(safe-area-inset-top) + 8px);width:118px;right:calc(env(safe-area-inset-right) + 12px);padding:6px}#map-panel small{display:none}nav button{font-size:12px;padding:0 10px}footer{bottom:calc(env(safe-area-inset-bottom) + 8px)}#guide{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

#placement-panel{position:absolute;z-index:4;bottom:calc(env(safe-area-inset-bottom) + 16px);left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px));padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 24px #243a2920}#placement-panel strong{font-size:15px}#placement-panel small{font-weight:400;color:var(--muted);font-size:12px;margin-left:8px}#placement-status{font-size:12px;color:var(--muted);margin:7px 0 12px}.placement-buttons{display:flex;gap:5px}.placement-buttons button{flex:1;padding:0 8px;background:#e7ece4;font-size:13px}#placement-done{background:var(--accent);color:white}body.placing footer,body.placing #crosshair,body.placing #action{display:none}body.placing nav,body.placing #map-panel{pointer-events:none;opacity:.5}body.placing #scene{cursor:grab}body.placing #scene:active{cursor:grabbing}@media(max-width:650px){#guide{display:none}#place-doll{font-size:12px;padding:0 12px}}@media(max-height:500px){#placement-panel{left:12px;transform:none;width:360px;padding:10px;bottom:calc(env(safe-area-inset-bottom) + 8px)}#placement-status{margin:5px 0 8px}}