/* Chorus — Enter the Room demo
   Overrides on top of prototype.css. Only what the single-surface demo needs:
   the pager here holds one panel (the lobby) instead of three, and the stage
   gets a title block. Nothing in the room itself is restyled. */

.stage-head{text-align:center;display:flex;flex-direction:column;gap:5px;margin-bottom:2px}
.stage-title{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,237,228,.62);font-weight:500}
.stage-sub{font-size:10px;letter-spacing:.04em;color:rgba(242,237,228,.3)}

/* Single-panel pager: the lobby fills the phone instead of taking a 33% track
   inside a 300%-wide rail. */
.pager{width:100% !important;transform:none !important}
.pager .panel{flex:0 0 100%}

.flows{max-width:392px}

/* The room has no sibling panel to swipe to in this demo, so the exit is the
   Dynamic Island — the one always-visible, always-tappable target. The caption
   under the phone says so; a floating hint here would collide with the mode pill. */
.phone.in-room .di{cursor:pointer}
.phone.in-room .di:hover{background:rgba(0,0,0,.82)}