.room{position:relative}.room-frame{overscroll-behavior-x:contain;scrollbar-width:none;background:#0b0a08;border:2px solid #c8901f;border-radius:4px;position:relative;overflow:auto hidden;box-shadow:0 4px #00000073,0 0 14px #ffc85a40}.room-frame::-webkit-scrollbar{display:none}.room-frame:focus-visible{outline-offset:3px;outline:2px solid #fff3c499}.room-stage{image-rendering:pixelated;position:relative}.room-stage>canvas{image-rendering:pixelated;position:absolute;top:0;left:0}.room-stage [data-layer]{position:absolute;inset:0}.room-stage [data-layer=controls]{z-index:4}.room-stage [data-layer=overlay]{z-index:6;pointer-events:none}.room-stage [data-layer=speech]{z-index:7;pointer-events:none}.room-stage [data-layer=speech]>*{pointer-events:auto}.room-stage>canvas[data-layer=visitor]{z-index:5;pointer-events:none}.room-edge{z-index:6;color:#fff3c4;touch-action:manipulation;background:#1b1206e0;border:2px solid #c8901f;border-radius:3px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:8px;box-shadow:0 0 10px #ffc85a59}.room-edge:focus-visible{outline:2px solid #fff}.room-edge[data-side=left]{left:6px}.room-edge[data-side=right]{right:6px}.room[data-mode=phone] .room-out,.room[data-mode=side] .room-out{min-width:64px;min-height:44px;font-size:9px}.room[data-mode=side]{z-index:100;background:#070a18;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.room[data-mode=side] .room-frame{box-shadow:none;border:0;border-radius:0}.room-bar{left:50%;bottom:max(8px, var(--guard-b,0px));z-index:6;align-items:flex-end;gap:16px;display:flex;position:absolute;transform:translate(-50%)}html[data-sideways=turned] .room-bar{left:calc((max(1.25rem, var(--guard-l,0px)) + 152px + var(--stage-w) - max(1.25rem, var(--guard-r,0px)) - 140px) / 2);gap:12px}html[data-sideways=turned] .room-stops{gap:6px}html[data-sideways=turned] .room-stop{min-width:68px;padding:0 6px}.room-stops{gap:8px;display:flex}.room-stop{color:#fff3c4;min-width:76px;min-height:48px;font-family:var(--font-pixel), monospace;letter-spacing:.06em;touch-action:manipulation;background:#1b1206;border:2px solid #c8901f;border-radius:3px;padding:0 10px;font-size:9px;box-shadow:0 3px #5a3d0a}.room-stop[aria-pressed=true]{color:#1b1206;background:#c8901f}.room-stop:focus-visible{outline-offset:2px;outline:2px solid #fff}.room-exit{color:#e7d8a8;touch-action:manipulation;background:#2a2016;border:2px solid #e7d8a8;border-radius:4px;place-items:center;width:48px;height:48px;font-size:20px;line-height:1;display:grid;box-shadow:0 3px #120d07}.room-exit:focus-visible{outline-offset:2px;outline:2px solid #fff}.room-keys{flex-direction:column-reverse;gap:8px;display:flex}.room-flip{color:#e7d8a8;width:48px;height:48px;font-family:var(--font-pixel), monospace;letter-spacing:.04em;touch-action:manipulation;background:#2a2016;border:2px solid #e7d8a8;border-radius:4px;place-items:center;padding:0;font-size:8px;display:grid;box-shadow:0 3px #120d07}.room-flip:focus-visible{outline-offset:2px;outline:2px solid #fff}.room-cover{pointer-events:none;z-index:6;position:absolute;inset:0}.room-cover>*{pointer-events:auto}