html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#071126;color:#fff;font-family:system-ui,sans-serif}a-scene{position:fixed;inset:0}.controls{position:fixed;z-index:5;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:16px}.toggle{width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(8,13,25,.68);color:rgba(220,230,245,.3);cursor:pointer;transition:.16s ease;font-size:23px;line-height:48px}.toggle[aria-pressed=true]{color:#f4f7ff;background:rgba(44,69,110,.92);box-shadow:0 0 18px rgba(96,164,255,.22)}.toggle:active{transform:scale(.92)}.toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}body.stereo-mode .controls{left:auto;right:max(14px,env(safe-area-inset-right));transform:none}body.stereo-mode .controls .toggle:not(#stereo-toggle){display:none}#stereo-mask{display:none;position:fixed;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}body.stereo-mode #stereo-mask{display:block}#vr-status{position:fixed;z-index:5;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;color:#dce8fc;background:rgba(8,13,25,.72);font:12px/1.4 system-ui,sans-serif;text-align:center;pointer-events:none;white-space:nowrap}body:has(a-scene.vr-mode) #vr-status,body.stereo-mode #vr-status{display:none}@media(max-width:600px){.controls{gap:12px}.toggle{width:46px;height:46px;line-height:46px}}