/* Safe content-sized layout for club tablets without :has() / dvh support.
   Never collapse or crop the number keys to fit the viewport. */
.scorer-legacy body.scorer-setup header{display:none}
.scorer-legacy body.scorer-playing{height:auto;min-height:100vh;overflow:auto;overscroll-behavior:none}
.scorer-legacy body.scorer-playing .app{display:block;width:100%;height:auto;max-height:none;max-width:none;overflow:visible;margin:0;padding:8px 12px}
.scorer-legacy body.scorer-playing header{display:flex;flex-wrap:wrap;min-height:36px;margin-bottom:8px;gap:8px}
.scorer-legacy body.scorer-playing header h1{font:700 20px/1.2 Arial,sans-serif;flex:1;white-space:normal}
.scorer-legacy body.scorer-playing header .tag{display:none}
.scorer-legacy #gameScreen:not(.hidden){display:block;height:auto;overflow:visible}
.scorer-legacy #gameScreen .game-toolbar{margin-bottom:8px;flex-wrap:wrap}
.scorer-legacy #gameScreen .layout,.scorer-legacy #gameScreen .layout>div{display:block;height:auto;max-height:none;overflow:visible}
.scorer-legacy #gameScreen .players{height:180px;min-height:180px;margin-bottom:8px}
.scorer-legacy #gameScreen .player .name{font-size:18px;line-height:1.2}
.scorer-legacy #gameScreen .score{font-size:84px;line-height:1}
.scorer-legacy #gameScreen .player-photo{width:28px;height:28px}
.scorer-legacy #gameScreen .mini{font-size:13px}
.scorer-legacy #gameScreen .records{font-size:12px}
.scorer-legacy #gameScreen .scoring-panel{height:auto;max-height:none;overflow:visible;grid-template-rows:auto auto auto auto}
.scorer-legacy #gameScreen .input-area{min-height:174px;overflow:visible;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px}
.scorer-legacy #gameScreen .score-keypad{min-height:174px;height:174px;grid-template-rows:repeat(3,minmax(48px,1fr))}
.scorer-legacy #gameScreen .score-keypad button{min-height:48px;font-size:22px;line-height:1}
.scorer-legacy #gameScreen .score-presets{min-height:174px;height:174px}
.scorer-legacy #gameScreen .score-presets button{font-size:18px;min-height:38px}
.scorer-legacy #gameScreen .finish-darts{grid-column:1/-1;min-height:174px}
.scorer-legacy #gameScreen .variant-panel{grid-column:1/-1;height:auto;overflow:visible}
.scorer-legacy #gameScreen .scoring-footer{margin-top:5px;flex-wrap:wrap}
@media(max-width:650px){.scorer-legacy #gameScreen .players{height:160px;min-height:160px}.scorer-legacy #gameScreen .score{font-size:64px}.scorer-legacy #gameScreen .toolbar-actions{flex-wrap:wrap}.scorer-legacy #gameScreen .entry-controls{grid-template-columns:minmax(0,1fr)}}
