:where(.stage){isolation:isolate;border-radius:var(--r-md);background:var(--stage-bg);outline:none;height:min(74svh,780px);min-height:320px;position:relative;overflow:hidden}.stage:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.stage>canvas.gl{z-index:0;cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage>canvas.gl:active{cursor:grabbing}.stage[data-walking]>canvas.gl{cursor:crosshair;touch-action:none}.stage>.gl-labels{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-tag{border-radius:var(--r-xs);background:var(--scrim);color:var(--ink);font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-1);justify-items:center;gap:1px;padding:3px 8px;line-height:1.2;display:grid}.room-tag b{font-weight:var(--weight-strong);letter-spacing:-.01em}.stage .sun-tick{border-radius:var(--r-xs);background:var(--scrim);color:var(--ink);font:var(--fs-2xs) / 1.2 var(--font-mono);white-space:nowrap;pointer-events:none;padding:2px 6px}.stage .sun-tick:empty{display:none}.room-tag span{font:var(--fs-2xs) / 1.2 var(--font-mono);color:var(--ink-2)}.stage>:not(canvas,.gl-labels,.stage-msg,.compass){z-index:2}.compass{z-index:3;width:var(--touch);height:var(--touch);pointer-events:none;background:var(--scrim);color:var(--ink);box-shadow:var(--shadow-1);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--sp-3);inset-inline-end:var(--sp-3)}.compass[hidden]{display:none}.compass-dial{width:100%;height:100%;transition:transform .12s linear;position:relative}.compass-dial svg{width:100%;height:100%;display:block}.compass-ring{fill:none;stroke:var(--rule-2);stroke-width:1px}.compass-needle{fill:var(--accent)}.compass-n{font:var(--weight-strong) calc(var(--fs-2xs) * .82) / 1 var(--font-sans);color:var(--ink);position:absolute;inset-block-start:1px;inset-inline-start:50%;transform:translate(-50%)}.stage-msg{z-index:4;place-content:center;justify-items:center;gap:var(--sp-3);padding:var(--sp-5);text-align:center;color:var(--ink);background:color-mix(in srgb, var(--stage-bg) 84%, transparent);opacity:1;transition:opacity var(--dur-2) var(--ease);display:grid;position:absolute;inset:0}.stage-msg[data-visible=false]{opacity:0;pointer-events:none}.stage-msg p{max-width:36ch;font-size:var(--fs-sm);color:var(--ink-2);margin:0}.stage-bar{border-radius:var(--r-pill);background:var(--rule-2);width:min(220px,60vw);height:3px;overflow:hidden}.stage-bar i{background:var(--accent);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--stage-p,0));transition:transform var(--dur-1) linear;display:block}.joy{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--surface) 60%, transparent);border:1px solid var(--rule-2);width:128px;height:128px;box-shadow:var(--shadow-2);border-radius:50%;position:absolute;inset-block-end:calc(max(var(--sp-4), env(safe-area-inset-bottom)) + 3.5rem);inset-inline-start:max(var(--sp-4), env(safe-area-inset-left))}.joy i{background:var(--ink);opacity:.55;pointer-events:none;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;inset-block-start:50%;inset-inline-start:50%}@media (prefers-reduced-motion:reduce){.stage-msg,.stage-bar i,.compass-dial{transition:none}}