.scene-top>.scene-actions{display:flex;gap:8px;padding:0;border:0;background:none;border-radius:0;pointer-events:auto}
.scene-actions button{white-space:nowrap}
.scene-wrap:fullscreen{width:100vw;height:100dvh;min-height:0;background:#24303a}
.scene-wrap:fullscreen #viewport{width:100%;height:100%}
.scene-wrap:fullscreen .scene-top{top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right))}
.scene-wrap:fullscreen .scene-bottom{bottom:max(54px,calc(env(safe-area-inset-bottom) + 44px))}
.scene-wrap:fullscreen .scene-instruction{bottom:max(15px,env(safe-area-inset-bottom));padding:8px 12px;border-radius:4px;background:#101920de;max-width:calc(100% - 48px);line-height:1.6}
.scene-wrap.mouse-locked .scene-actions,.scene-wrap.mouse-locked .scene-bottom{visibility:hidden;pointer-events:none}
.movement[hidden],.orbit-controls[hidden],#crosshair[hidden],#navigation-status[hidden]{display:none!important}
.orbit-controls{display:flex;gap:6px;pointer-events:auto;flex-wrap:wrap;max-width:200px;justify-content:flex-end}
.orbit-controls button{width:44px;height:44px;padding:0;font-size:1.35rem;background:#14242aeb}
.aerial-view #viewport{cursor:grab}.aerial-view #viewport:active{cursor:grabbing}
#crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;border:1px solid #13222b;background:#fff9;transform:translate(-50%,-50%);pointer-events:none}
#navigation-status{position:absolute;z-index:4;left:24px;right:24px;top:110px;padding:12px 16px;border:1px solid #8a7958;border-radius:5px;background:#172126f5;color:#f3deac;font-size:.9rem;line-height:1.5;pointer-events:none;margin:0}
@media(max-width:700px){.scene-top>.scene-actions{flex-direction:column;gap:6px}.scene-actions button{min-height:38px}.orbit-controls{max-width:96px}.scene-wrap:fullscreen .scene-top{left:14px;right:14px}.scene-wrap:fullscreen .scene-instruction{left:14px;max-width:calc(100% - 28px);font-size:.75rem}#navigation-status{top:125px;left:14px;right:14px}}
