/* Compact setup surface, including the administrator's new-game section. */
body:has(#setupScreen:not(.hidden)) .app{padding:14px 18px}
#setupScreen .dashboard-heading,#setupScreen.admin-home .dashboard-heading{gap:8px;margin-bottom:12px;padding-bottom:12px}
#setupScreen .dashboard-monogram{width:40px;height:40px;font-size:25px;border-radius:10px}
#setupScreen .dashboard-heading h2{font-size:clamp(19px,2.3vw,26px);margin:2px 0}
#setupScreen .dashboard-heading a,#setupScreen .dashboard-heading button{min-height:34px;padding:6px 9px;font-size:12px}
#setupScreen>.home-board-setting{padding:8px 12px;margin-bottom:12px;gap:5px 10px}
#setupScreen>.home-board-setting label{flex:1 1 60%;font-size:12px}
#setupScreen>.home-board-setting select{min-height:34px;padding:5px 8px;font-size:12px;max-width:310px}
#setupScreen>.home-board-setting small{font-size:10px;flex:1 1 60%}
#setupScreen>.home-board-setting .share-all-boards{min-height:34px;padding:6px 10px;font-size:11px}
#setupScreen .dashboard-layout{gap:14px}
#setupScreen .dashboard-section-title{margin-bottom:7px;font-size:10px}
#setupScreen .start-links{gap:7px}
#setupScreen .dashboard-tile,#setupScreen .admin-control .dashboard-tile,#setupScreen.admin-home .admin-game-order .dashboard-tile{min-height:62px;padding:9px 10px;gap:8px;font-size:13px;border-radius:10px}
#setupScreen .dashboard-tile small{font-size:10px;margin-top:3px}
#setupScreen .tile-icon{width:27px;height:27px;font-size:17px}
#setupScreen .dashboard-match,#setupScreen .admin-new-game .dashboard-match{padding:12px}
#setupScreen .dashboard-match h3{font-size:18px;margin:0 0 10px}
#setupScreen .setup{gap:7px 9px}
#setupScreen .setup .field{font-size:11px;gap:3px;line-height:1.2}
#setupScreen .setup .field input,#setupScreen .setup .field select{min-height:36px;padding:6px 8px;font-size:13px;border-radius:7px}
#setupScreen .setup .player-select{gap:5px}
#setupScreen .setup .player-select button{min-height:36px;padding:5px 7px;font-size:10px}
#setupScreen .setup .chosen-photo{width:25px;height:25px}
#setupScreen .setup .start-game{min-height:38px;padding:7px 12px;font-size:13px;margin-top:2px}
#setupScreen .setup .best-of-hint{font-size:10px;line-height:1.25}
#setupScreen .bot-setup{padding:7px;order:2}
#setupScreen .bot-enable{font-size:12px;gap:6px}
#setupScreen #botSettings{gap:5px 8px;margin-top:5px}
#setupScreen #botSettings label:not(.bot-enable){font-size:11px;gap:3px}
#setupScreen #botSettings select,#setupScreen #botSettings input[type=number]{min-height:32px;padding:4px 7px;font-size:12px}
#setupScreen #botSettings small{font-size:10px;line-height:1.25}
#setupScreen .admin-control{padding:12px;margin-bottom:12px}
#setupScreen .admin-control-head{margin-bottom:8px}
#setupScreen .admin-control h3{font-size:18px;margin-top:3px}
#setupScreen .admin-control-grid{gap:7px}
#setupScreen .admin-new-game>summary{padding:10px 12px;font-size:13px}
@media(min-width:900px){
 #setupScreen .setup{grid-template-columns:repeat(4,minmax(0,1fr))}
 #setupScreen .setup .field:not(.member-player-field),#setupScreen .setup .member-player-field{grid-column:span 2}
 #setupScreen .setup .bot-setup,#setupScreen .setup .start-game,#setupScreen .setup .best-of-hint,#setupScreen .setup .hl-rules{grid-column:1/-1}
}
@media(max-width:700px){
 body:has(#setupScreen:not(.hidden)) .app{padding:10px 8px}
 #setupScreen .dashboard-heading{flex-wrap:wrap}
 #setupScreen .dashboard-heading h2{font-size:18px}
 #setupScreen .dashboard-tile{min-height:60px;font-size:12px}
 #setupScreen>.home-board-setting label{flex:1 1 100%;flex-direction:row;align-items:center}
 #setupScreen>.home-board-setting select{max-width:65%;min-width:0;font-size:11px}
 #setupScreen>.home-board-setting .share-all-boards{width:auto}
 #setupScreen .setup .field input,#setupScreen .setup .field select{font-size:16px}
}

/* Administrator tablet: use the wide setup panel instead of tall full-width rows. */
@media(min-width:701px){
 #setupScreen.admin-home .admin-primary-games{margin-bottom:10px;gap:7px}
 #setupScreen.admin-home .admin-new-game>summary{padding:8px 12px;min-height:40px;font-size:12px}
 #setupScreen.admin-home .admin-new-game>summary small{font-size:10px;margin-top:2px}
 #setupScreen.admin-home .admin-new-game .dashboard-match{padding:10px 12px}
 #setupScreen.admin-home .home-game-modes{margin:0 0 8px;gap:7px}
 #setupScreen.admin-home .home-game-modes>a,#setupScreen.admin-home .home-game-modes>button{min-height:34px;height:auto;padding:6px 10px;font-size:12px}
 #setupScreen.admin-home .setup{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 9px}
 #setupScreen.admin-home .setup .field:not(.member-player-field){grid-column:span 1}
 #setupScreen.admin-home .setup .member-player-field{grid-column:span 2}
 #setupScreen.admin-home .setup .bot-setup{grid-column:span 2;order:0;min-height:36px;align-self:end;padding:6px 8px}
 #setupScreen.admin-home .setup .field input,#setupScreen.admin-home .setup .field select,#setupScreen.admin-home .setup .player-select button{min-height:34px;padding:5px 7px;font-size:12px}
 #setupScreen.admin-home .setup .player-select button{font-size:10px}
 #setupScreen.admin-home .setup .best-of-hint,#setupScreen.admin-home .setup .hl-rules,#setupScreen.admin-home .setup .start-game{grid-column:1/-1}
 #setupScreen.admin-home .setup .start-game{min-height:36px;margin-top:0}
 #setupScreen.admin-home>.home-board-setting{padding:7px 12px;margin-bottom:10px;gap:4px 10px}
 #setupScreen.admin-home>.home-board-setting label{flex-basis:55%;font-size:11px}
 #setupScreen.admin-home>.home-board-setting small{flex:1 1 25%;font-size:10px}
}