.immersive-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:13px;border:0;border-radius:0;color:#fff;background:transparent;cursor:pointer}
.immersive-trigger svg,.immersive-menu svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1px #000c) drop-shadow(0 1px 2px #0009);pointer-events:none}
.immersive-trigger.active,.immersive-trigger.pending{color:#fff;background:transparent}
.immersive-trigger.active svg{stroke-width:2.1}.immersive-trigger.pending svg{opacity:.6}
.immersive-menu{position:absolute;z-index:80;right:12px;bottom:var(--immersive-menu-bottom,58px);width:248px;max-width:calc(100% - 24px);box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:44px 44px 44px minmax(0,1fr);grid-template-areas:"direction direction auto speed" "motion motion gain gain";gap:0 4px;color:#fff;text-shadow:0 0 1px #000,0 1px 3px #000d;overflow:visible}
.immersive-menu button{position:relative;display:flex;align-items:center;justify-content:center;font:inherit;min-width:44px;width:44px;min-height:44px;height:44px;padding:13px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.immersive-menu button:hover,.immersive-menu button:focus-visible{background:transparent;color:#fff}.immersive-menu button:hover svg{stroke-width:2}
.immersive-menu button:focus-visible,.immersive-trigger:focus-visible{outline:1px solid #fff;outline-offset:-4px}
.immersive-menu button[aria-pressed=true]::after{content:"";position:absolute;bottom:4px;left:19px;width:6px;height:2px;border-radius:1px;background:currentColor;box-shadow:0 1px 2px #000b}
.immersive-orientation{grid-area:direction;display:flex;gap:4px;margin:0;padding:0;background:transparent}
.immersive-auto{grid-area:auto}.immersive-auto .immersive-pause{display:none}.immersive-auto[aria-pressed=true] .immersive-play{display:none}.immersive-auto[aria-pressed=true] .immersive-pause{display:block}
.immersive-slider{display:flex;flex-direction:column;justify-content:center;min-width:0;height:44px;padding:3px 4px;box-sizing:border-box;border:0}
.immersive-speed{grid-area:speed}.immersive-sensitivity{grid-area:gain}
.immersive-slider>span{display:flex;align-items:center;justify-content:space-between;font:10px/12px system-ui;color:inherit;white-space:nowrap}
.immersive-slider output{font-variant-numeric:tabular-nums;color:inherit}
.immersive-slider input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:24px;min-height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation;box-shadow:none}
.immersive-slider input::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:#fff9;box-shadow:0 1px 2px #0009}
.immersive-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-top:-3px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #000a}
.immersive-slider input::-moz-range-track{height:2px;border-radius:1px;background:#fff9;box-shadow:0 1px 2px #0009}
.immersive-slider input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #000a}
.immersive-slider input:focus-visible{outline:1px solid #fff;outline-offset:1px}
.immersive-motion-actions{grid-area:motion;display:flex;align-items:center;gap:4px}.immersive-motion-actions button:disabled{opacity:.4;cursor:default}
.immersive-xr{grid-column:3;grid-row:3}
.immersive-menu.immersive-menu-compact{max-height:none;overflow:visible}
.immersive-feedback{position:absolute;z-index:75;left:50%;top:calc(max(var(--mode-row-height,0px),48px) + 8px);transform:translateX(-50%);width:max-content;max-width:min(280px,calc(100% - 32px));box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;text-shadow:0 0 1px #000,0 1px 3px #000d;font:10px/1.4 system-ui;text-align:center;pointer-events:none}
.immersive-feedback[hidden],.immersive-trigger[hidden]{display:none}
.immersive-overlay{position:fixed;inset:0;z-index:10000;background:#080b09;overflow:hidden;touch-action:none;overscroll-behavior:none}.immersive-canvas{display:block;width:100%;height:100%}.immersive-exit{position:absolute;left:50%;top:max(8px,env(safe-area-inset-top));transform:translateX(-50%);min-width:44px;min-height:44px;padding:12px;border:0;background:transparent;border-radius:0;font:500 10px/1.3 system-ui;color:#fff;text-shadow:0 0 1px #000,0 1px 3px #000d;cursor:pointer}
