.room{justify-items:center;width:100%;display:grid}.room-stage{--pad-r:47%;aspect-ratio:1;touch-action:pan-y pinch-zoom;width:min(680px,100%,100svh - 112px);min-width:280px;position:relative}.room-field,.room-canvas{pointer-events:none;position:absolute;inset:0}.room-canvas canvas{width:100%;height:100%;display:block}.room-note{font-family:var(--font-mono);font-size:var(--type-machine);letter-spacing:.06em;color:var(--text-muted);margin:4px 0 0}.room-handle{left:var(--x);top:var(--y);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.room-handle.is-drag{cursor:grabbing}.room-handle.is-center{cursor:pointer}.room-handle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.room-mini .room-stage{width:96px;min-width:0}.room-mini-open{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;padding:0;position:absolute;inset:0}.room-mini-open:hover{border-color:var(--hairline)}.room-mini-open:focus-visible{outline:2px solid var(--focus);outline-offset:2px}