.view-switch{display:flex;gap:4px;align-items:center;margin-left:auto;margin-right:10px}.view-switch button{font:12px var(--title);min-width:44px;min-height:44px;border:1px solid #c9a66655;padding:6px 10px;color:var(--gold)}.view-switch button[aria-pressed=true]{background:#d5b16a;color:#20322c;border-color:#eed7a0}.world-status{font-size:12px;line-height:1.35;text-align:center;color:#b5c5b5;margin:10px 0}.world-host{position:relative;width:100%;height:560px;border:1px solid #a8874b;background:#293c40;box-shadow:0 10px 35px #06191c66;overflow:hidden;isolation:isolate;border-radius:3px}.canvas-mount{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.canvas-mount canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.look-zone{position:absolute;inset:0;z-index:2;touch-action:none;cursor:grab}.look-zone:active{cursor:grabbing}.world-markers{position:absolute;inset:0;z-index:3;pointer-events:none}.world-choice{position:absolute;translate:-50% -70%;width:44px;height:47px;display:grid;place-items:center;border:1px solid #e5c88b;border-radius:4px 4px 14px 14px;background:#713426;color:#fff0c6;font:600 18px var(--title);box-shadow:0 4px 8px #0007;pointer-events:auto;touch-action:manipulation}.world-choice:hover,.world-choice[aria-pressed=true]{background:#e4bb71;color:#22372e;border-color:#fff0c7}.world-choice.correct{background:#365d41;color:#f9e9b8}.world-choice.incorrect{background:#682d25;color:#f9e9b8}.world-choice:disabled{opacity:1}.world-tools{position:absolute;z-index:5;left:12px;top:12px;right:12px;display:flex;gap:7px;align-items:center;pointer-events:none}.world-tools button{pointer-events:auto;min-height:44px;border:1px solid #d9b36c80;background:#16302fe8;color:#f3db9e;font:600 11px var(--title);padding:8px 12px;box-shadow:0 2px 8px #0003;white-space:nowrap}.world-tools #explore{background:#d2ab64;color:#23332b;border-color:#f4d69a}.world-tools #motion3d{margin-left:auto;min-width:44px;font-size:17px;padding:6px}.world-tools #homeView{font-size:10px}.view-zoom{position:absolute;right:12px;bottom:42px;z-index:5;display:flex;flex-direction:column;gap:5px}.view-zoom button{width:44px;height:44px;border:1px solid #d9b36c80;background:#17332ee6;font:24px Georgia;color:#f0d291}.orbit-hint{position:absolute;bottom:8px;left:10px;right:10px;margin:0;z-index:4;text-align:center;font:12px var(--text);color:#f0ddb5;text-shadow:0 1px 4px #000;pointer-events:none;background:#132b274f;padding:4px}.world-host[data-mode=walk] .orbit-hint,.world-host[data-mode=walk] .view-zoom{display:none}
body.is-exploring{overflow:hidden;overscroll-behavior:none}.world-host.is-immersive{position:fixed;inset:0;z-index:10000;width:100%;height:100vh;height:100dvh;border:0;border-radius:0;box-shadow:none}.is-immersive .world-tools{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.walk-help{position:absolute;top:max(73px,calc(env(safe-area-inset-top) + 68px));left:max(18px,env(safe-area-inset-left));right:18px;z-index:4;pointer-events:none;color:#fff1ca;text-shadow:0 2px 5px #152720}.walk-help strong{display:block;font:600 17px var(--title);margin-bottom:5px}.walk-help span{font:14px var(--text);display:block}.walk-help small{font-size:11px;opacity:.8}.walk-reticle{position:absolute;left:50%;top:50%;translate:-50% -50%;font:20px Georgia;color:#fff8dc8c;z-index:3;pointer-events:none;text-shadow:0 1px 3px #111}.joystick{position:absolute;z-index:7;bottom:max(27px,calc(env(safe-area-inset-bottom) + 15px));left:max(22px,calc(env(safe-area-inset-left) + 12px));width:136px;height:136px;border-radius:50%;border:2px solid #e0c18199;background:radial-gradient(circle,#2b4b3f77 0 50%,#18372a66 51%);box-shadow:inset 0 0 0 9px #d7b86d16,0 4px 20px #10251b44;touch-action:none;user-select:none;-webkit-user-select:none}.stick-guides{position:absolute;inset:0;display:grid;place-items:center;font:93px Georgia;color:#e0c18133;pointer-events:none}#stickThumb{position:absolute;left:40px;top:40px;width:52px;height:52px;border-radius:50%;border:2px solid #f0d49a;background:radial-gradient(circle at 35% 30%,#e0c38a,#8c6b38);box-shadow:0 3px 10px #081f1855;pointer-events:none;will-change:transform}.look-hint{position:absolute;right:max(32px,env(safe-area-inset-right));bottom:max(78px,calc(env(safe-area-inset-bottom) + 64px));z-index:4;color:#ffefb599;font:11px var(--title);letter-spacing:1px;pointer-events:none}
@media(max-width:800px){.world-host{height:440px}.map-topline{gap:5px;flex-wrap:wrap;padding-bottom:7px}.view-switch{margin-right:0;gap:3px}.view-switch button{font-size:10px;min-height:44px;padding:5px 9px}.map-topline>span{letter-spacing:.5px}.world-tools{left:8px;right:8px;top:8px;gap:5px}.world-tools button{padding:7px 9px;font-size:10px}.world-tools #homeView{font-size:9px}.world-choice{width:44px;height:46px;font-size:17px}.world-host.is-immersive{height:100vh;height:100dvh}.walk-help strong{font-size:15px}.walk-help span{font-size:13px}.walk-help small{display:none}.is-immersive .world-choice{width:44px;height:46px}}
@media(max-width:350px){.world-host{height:380px}.world-tools button{font-size:9px;padding:7px}.world-tools #homeView{font-size:8px}.joystick{left:16px;bottom:20px;width:124px;height:124px}#stickThumb{left:34px;top:34px}.walk-help span{font-size:12px}}
@media(orientation:landscape) and (max-height:550px){.walk-help{top:66px}.walk-help strong{font-size:13px}.walk-help span{font-size:12px}.joystick{width:116px;height:116px;bottom:17px;left:max(22px,env(safe-area-inset-left))}#stickThumb{left:30px;top:30px}.look-hint{bottom:50px}.walk-help small{display:none}}