/* The action block and room tabs share one alignment and compact vertical rhythm. */
.app-body .match-room-grid{margin-bottom:16px}
.app-body .match-side{padding-bottom:0}
.app-body .match-side>.source-note{margin:12px 0 0;font-size:12px;line-height:1.6}
.app-body .room-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}
.app-body .room-actions>button{min-width:0;width:100%;min-height:48px;margin:0;justify-content:center;padding:12px;font-size:14px;line-height:1.4;white-space:normal}
.app-body .arena-room-details{margin:16px 0 24px;border-top:0}
.app-body .arena-room-details>.site-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin:0 0 24px;overflow:visible;border-block:1px solid var(--line)}
.app-body .arena-room-details>.site-tabs>button{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:56px;width:100%;padding:12px 8px;white-space:normal;font-size:14px;font-weight:500;line-height:1.4;border-bottom:2px solid transparent;overflow-wrap:break-word}
.app-body .arena-room-details>.site-tabs>button[aria-selected="true"]{color:var(--lime);background:#91ff6908;border-bottom-color:var(--lime)}
.app-body .arena-room-details>.site-tabs>button:focus-visible{outline:2px solid var(--lime);outline-offset:-4px}
.app-body .arena-detail-columns{gap:24px}
.app-body .arena-detail-columns>section{min-width:0;padding:0}
.app-body .arena-detail-columns h3{margin:8px 0 12px}
.app-body .arena-detail-columns .quiet-button{margin-top:16px;min-height:48px}
.app-body .arena-detail-columns p{max-width:58ch}
@media(max-width:1020px){
 .app-body .match-side{padding-top:20px}
 .app-body .room-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .app-body .room-actions>.primary-button{grid-column:1/-1;min-height:52px}
 .app-body .match-detail{gap:16px;align-items:flex-start}
 .app-body .match-detail>strong{min-width:0;max-width:72%;overflow-wrap:anywhere;text-align:right}
}
@media(max-width:600px){
 .app-body .match-room-grid{gap:16px;margin-block:20px 12px}
 .app-body .match-side>.source-note{font-size:12px;line-height:1.5}
 .app-body .arena-room-details{margin-top:12px}
 .app-body .arena-room-details>.site-tabs{margin-bottom:20px}
 .app-body .arena-room-details>.site-tabs>button{min-height:60px;padding:12px 6px;font-size:13px}
 .app-body .arena-detail-columns{gap:24px}
 .app-body .arena-detail-columns h3{font-size:22px;line-height:1.25}
 .app-body .arena-detail-columns .eyebrow{font-size:11px}
}