/* Keep the observation scene and its controls together at narrow widths. */
.theatre-tools{flex-wrap:wrap;row-gap:6px}
@media(max-width:950px){
 .room.theatre{height:auto!important;min-height:0!important;padding-bottom:20px;overflow:visible}
 .theatre .room-heading{position:relative;inset:auto;padding:26px 7% 0}
 .theatre .room-heading h1{font-size:30px}
 .theatre .mechanism-stage{position:relative;inset:auto;width:100%;height:clamp(390px,54svh,520px)}
 .theatre-tools{position:relative;inset:auto;width:auto;max-width:none;margin:0 7%;padding:12px 0 28px;transform:none;justify-content:center;gap:8px 18px;font-size:11px}
 .theatre-tools button{padding:8px 0}
 .theatre-tools span{position:absolute;top:auto;bottom:0;left:0;right:0;font-size:9px;text-align:center}
 .theatre .mechanism-copy{position:relative;inset:auto;width:auto;max-width:none;margin:24px 7% 0}
 .theatre .mechanism-copy h2{font-size:23px;line-height:1.6}
 .theatre .mechanism-copy p{min-height:0;font-size:12px;line-height:1.95}
 .theatre .performance-seek{margin-top:18px}
 .theatre .room-bottom{position:relative;inset:auto;flex-wrap:wrap;margin:30px 7% 0;gap:12px}
 .theatre .room-bottom>span{line-height:1.8;font-size:9px}
}