/* Keep all artwork dimensions; reclaim only the introduction's empty spacing. */
@media(min-width:761px){
 .nav{height:52px;min-height:52px}
 .playroom{padding-top:8px}
 .room-title{margin-bottom:16px}
 .presented{margin:0;line-height:1.25}
 .title-controls{margin:0;gap:14px;line-height:1.25}
}
.nav .sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:13px;color:#3e5f7d}
.sound-icon{width:16px;height:16px;flex:none;shape-rendering:crispEdges}
.sound-slash{display:none}
.sound-toggle[aria-pressed=false] .sound-waves{display:none}
.sound-toggle[aria-pressed=false] .sound-slash{display:block}
/* Six complete rows plus a fixed sticky heading, at every breakpoint. */
.competition .scoreboards{--board-height:267px;height:var(--board-height);max-height:var(--board-height);scroll-padding-top:27px;scroll-snap-type:y proximity}
.competition .scoreboards .table-head{height:27px;min-height:27px;box-sizing:border-box;padding:0 8px;align-items:center}
.competition .scoreboards .board ol{margin:0;padding:0}
.competition .scoreboards .board li{height:calc((var(--board-height) - 27px)/6);min-height:0;box-sizing:border-box;margin:0;padding:0 8px;align-items:center;scroll-snap-align:start}
@media(min-width:1000px) and (max-height:850px){.competition .scoreboards{--board-height:239px}}
@media(max-width:760px){
 .playroom{padding-top:8px}
 .room-title{gap:8px;margin-bottom:16px}
 .presented{margin:0;line-height:1.25}
 .title-controls{margin:0;line-height:1.25}
 .nav .sound-toggle{font-size:12px;gap:5px}
 .nav-tools{gap:10px}
 .competition .scoreboards{--board-height:251px}
}