/* Size the live board from its actual available container, including browser chrome. */
html body #app #pl-bingo-game.bingo-playing .phone{container-type:size;width:100%!important;min-width:0!important;inline-size:100%!important}
html body #app #pl-bingo-game.bingo-playing .bingo-scroll{display:flex!important;flex-direction:column!important;gap:0!important;padding:0 0 4px!important;overflow:hidden!important;min-height:0!important}
html body #app #pl-bingo-game.bingo-playing .room{flex:0 0 39px!important;min-height:39px!important;height:39px!important;padding:3px 10px 0!important}
html body #app #pl-bingo-game.bingo-playing .room h2{font-size:18px!important;line-height:21px!important}
html body #app #pl-bingo-game.bingo-playing .room p{font-size:7px!important;margin:1px 0 0!important;line-height:9px!important}
html body #app #pl-bingo-game.bingo-playing .room .sound{min-height:34px!important;min-width:34px!important;height:34px!important;padding:2px!important;font-size:8px!important}
html body #app #pl-bingo-game.bingo-playing .wager-bar{flex:0 0 43px!important;min-height:43px!important;height:43px!important;margin:3px 9px 0!important;padding:4px 8px!important}
html body #app #pl-bingo-game.bingo-playing .wager-bar small{font-size:8px!important;line-height:10px!important}
html body #app #pl-bingo-game.bingo-playing .wager-bar strong{font-size:18px!important;line-height:20px!important;margin:0!important}
html body #app #pl-bingo-game.bingo-playing .stage{flex:0 1 auto!important;height:clamp(72px,14cqh,126px)!important;min-height:72px!important;max-height:126px!important;margin:3px 5px 0!important;border-radius:10px!important}
html body #app #pl-bingo-game.bingo-playing .call-panel{top:4px!important;right:10%!important}
html body #app #pl-bingo-game.bingo-playing .call-panel>small{font-size:7px!important;letter-spacing:1px!important}
html body #app #pl-bingo-game.bingo-playing .call-ball{width:clamp(46px,8cqh,73px)!important;height:clamp(46px,8cqh,73px)!important;margin:3px auto!important;padding:4px!important}
html body #app #pl-bingo-game.bingo-playing .call-face{width:100%!important;height:100%!important}
html body #app #pl-bingo-game.bingo-playing .letter{font-size:10px!important;line-height:11px!important}
html body #app #pl-bingo-game.bingo-playing .number{font-size:clamp(23px,4cqh,34px)!important;line-height:1!important}
html body #app #pl-bingo-game.bingo-playing .count{font-size:8px!important;line-height:10px!important;display:block}
html body #app #pl-bingo-game.bingo-playing .history{flex:0 0 28px!important;min-height:28px!important;height:28px!important;margin:3px 9px 0!important;padding:2px 7px!important;gap:4px!important}
html body #app #pl-bingo-game.bingo-playing .history>small{font-size:7px!important;line-height:8px!important}
html body #app #pl-bingo-game.bingo-playing .mini-ball{width:23px!important;height:23px!important;font-size:9px!important;flex-shrink:0}
html body #app #pl-bingo-game.bingo-playing .card-bar{flex:0 0 35px!important;min-height:35px!important;height:35px!important;margin:3px 9px 4px!important;gap:4px!important}
html body #app #pl-bingo-game.bingo-playing .card-tabs{min-width:0!important;gap:3px!important}
html body #app #pl-bingo-game.bingo-playing .card-tabs button{min-height:35px!important;height:35px!important;padding:2px!important;font-size:10px!important}
html body #app #pl-bingo-game.bingo-playing .card-tabs small{font-size:8px!important;margin-top:1px!important}
html body #app #pl-bingo-game.bingo-playing .pattern{font-size:7px!important;gap:3px!important}
html body #app #pl-bingo-game.bingo-playing .pattern i{width:12px!important;height:12px!important}
html body #app #pl-bingo-game.bingo-playing .ticket{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;height:auto!important;margin:1px 10px 4px!important;padding:5px!important;transform:none!important}
html body #app #pl-bingo-game.bingo-playing .ticket-head{flex:0 0 24px!important;min-height:24px!important;height:24px!important;font-size:20px!important;line-height:22px!important;padding:0!important}
html body #app #pl-bingo-game.bingo-playing .grid{flex:1 1 0!important;min-height:0!important;height:0!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding:2px!important}
html body #app #pl-bingo-game.bingo-playing .grid>button.cell{min-height:0!important;height:100%!important;max-height:none!important;min-width:0!important;padding:0!important;font-size:clamp(18px,3.5cqh,27px)!important;line-height:1!important}
html body #app #pl-bingo-game.bingo-playing .grid>button.cell.free{font-size:8px!important;line-height:1!important}
html body #app #pl-bingo-game.bingo-playing .grid>button.cell.free b{font-size:clamp(18px,3.5cqh,27px)!important;line-height:1!important}
html body #app #pl-bingo-game.bingo-playing .bingo-dock{padding:0 0 max(2px,env(safe-area-inset-bottom))!important}
html body #app #pl-bingo-game.bingo-playing .bingo-dock .status{min-height:25px!important;height:25px!important;font-size:10px!important;line-height:12px!important;margin:0 8px!important;padding:2px!important}
html body #app #pl-bingo-game.bingo-playing .actions{gap:5px!important;padding:3px 9px 5px!important}
html body #app #pl-bingo-game.bingo-playing .actions>button{height:47px!important;min-height:47px!important;padding:3px!important;font-size:10px!important}
html body #app #pl-bingo-game.bingo-playing .actions>.bingo{font-size:21px!important}
html body #app #pl-bingo-game.bingo-playing .actions small{font-size:9px!important;line-height:11px!important}
html body #app #pl-bingo-game.bingo-playing .bingo-footer{padding:1px 7px!important;gap:5px!important;flex-wrap:nowrap!important}
html body #app #pl-bingo-game.bingo-playing .bingo-footer button{height:35px!important;min-height:35px!important;font-size:11px!important;padding:2px!important}
/* Extra-short browser viewports retain every row by shrinking decoration first. */
@media(max-height:610px){
 html body #app #pl-bingo-game.bingo-playing .room{flex-basis:34px!important;min-height:34px!important;height:34px!important}
 html body #app #pl-bingo-game.bingo-playing .room p{display:none!important}
 html body #app #pl-bingo-game.bingo-playing .stage{height:65px!important;min-height:65px!important;max-height:65px!important}
 html body #app #pl-bingo-game.bingo-playing .call-panel>small{display:none!important}
 html body #app #pl-bingo-game.bingo-playing .history{display:none!important}
}