/* Paper substitutes occupy the existing actor and seat, including its click target. */
.room-cardboard-frame{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 2px 1px #0005)}
.room-cardboard-frame svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.room-cardboard-caption{position:absolute;z-index:31;transform:translateX(-50%);padding:1px;background:#eee0bf;border:1px solid #866b46;border-radius:1px;color:#543c27;text-align:center;font:600 clamp(4px,1.2cqw,7px)/1.25 system-ui,sans-serif;overflow-wrap:anywhere;pointer-events:none}
.room-actor[data-visual=cardboard]{animation:none!important;transform:none!important}
.room-context-bubble{position:absolute;z-index:32;transform:translate(-50%,-100%);max-width:30%;padding:2px 4px;border:1px solid #b8c7ca;border-radius:7px;background:#f2efde;color:#3d4e50;box-shadow:0 1px 3px #0003;font:600 clamp(6px,1.7cqw,10px)/1.25 system-ui,sans-serif;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.room-context-bubble[data-row=rear]{margin-top:-7px}.room-context-bubble[data-row=front]{margin-top:-6px}
.room-context-bubble:after{content:'';position:absolute;left:calc(50% - 2px);bottom:-4px;width:5px;height:5px;transform:rotate(45deg);background:#f2efde;border-right:1px solid #b8c7ca;border-bottom:1px solid #b8c7ca}
@container(max-width:320px){.room-context-bubble{padding:1px 3px;max-width:28%;font-size:6px}.room-cardboard-caption{font-size:4px}}
@media(prefers-reduced-motion:reduce){.room-cardboard-frame,.room-context-bubble,.room-context-bubble:after{animation:none!important;transition:none!important}}

/* The short name chip remains below the bubble; no duplicate chief row. */
.room-seat-label:not(.room-pending-label){flex-wrap:nowrap}
.room-overview[data-visibility=hidden] .room-context-bubble{display:none}