:where(.room){width:100%;height:auto;overflow:visible}.room{--room-glide:900ms;--room-stagger:320ms}.room-stage{opacity:0;transition:opacity .7s var(--ease-in-out)}.room-stage[data-on]{opacity:1}.room-stage-glow{fill:var(--tint);opacity:.42}.room-stage-floor{fill:color-mix(in srgb,var(--tint) 16%,transparent);stroke:color-mix(in srgb,var(--tint) 75%,transparent);stroke-width:2}.room-stage-label{fill:color-mix(in srgb,var(--tint) 55%,var(--paper));font:850 max(30px,12px * 1000/var(--room-w,1000)) var(--display);font-stretch:72%;letter-spacing:.32em;text-transform:uppercase;transition:translate var(--room-glide) var(--ease-in-out)}.room-dot{opacity:0;scale:.3;transition:translate var(--room-glide) var(--ease-in-out) calc(var(--d) * var(--room-stagger)),opacity .45s var(--ease-out) calc(var(--d) * var(--room-stagger)),scale .45s var(--ease-out) calc(var(--d) * var(--room-stagger))}.room-dot[data-on]{opacity:1;scale:1}.room-chair{fill:var(--room-seat,var(--pear));transition:rotate var(--room-glide) var(--ease-in-out) calc(var(--d) * var(--room-stagger)),fill .4s,scale .4s var(--spring)}.room-table{fill:color-mix(in srgb,var(--room-seat,var(--pear)) 14%,transparent);stroke:var(--room-seat,var(--pear));stroke-width:2.5;transform-box:fill-box;transform-origin:center;opacity:0;scale:0;transition:opacity .3s var(--ease-out),scale .3s var(--ease-out)}.room-table[data-on]{opacity:1;scale:1;transition:opacity .5s var(--ease-out) .7s,scale .6s var(--spring) .7s}.room[data-highlight] .room-dot[data-on]:not([data-hl]){opacity:.34}.room-dot[data-hl] .room-chair{fill:var(--orange);scale:1.3}.room[data-still] *{transition:none!important}.room-glyph .room-stage-glow{display:none}.room-glyph .room-stage-floor{fill:color-mix(in srgb,var(--tint) 14%,transparent);stroke:color-mix(in srgb,var(--tint) 70%,currentColor);stroke-width:1.5px;vector-effect:non-scaling-stroke}