/* Full finger-sized targets, including the controls outside the main pad. */
.utility-bar{height:48px;gap:6px}
.utility-bar button{min-width:44px;min-height:44px;padding:5px 10px;font-size:12px}
.utility-bar button svg{width:15px;height:15px}
.controls{height:calc(225px + var(--safe))}
.game-shell[data-control-size=large] .controls{height:calc(241px + var(--safe))}
.practice-shell .utility-bar{height:48px}
.practice-shell .controls{height:calc(225px + var(--safe))}
.practice-shell[data-control-size=large] .controls{height:calc(241px + var(--safe))}
.pause-actions button,.preset-row button,.switch{min-height:44px}
.player-more{width:44px;min-width:44px;min-height:44px;padding:8px}
.swap-button{min-width:44px;min-height:44px;flex-shrink:0;padding:4px;font-size:12px}
.pending-rotations{margin:12px 0;padding:12px;border:1px solid #9ba980;background:#e8ecd7}
.pending-rotations h3{font-size:13px;font-weight:400}
.pending-rotation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px dashed #b3bca2}
.pending-rotation b{font-size:14px;font-weight:400}
.pending-rotation small{display:block;color:var(--muted);font-size:11px}
.pending-rotations p{font-size:11px;color:var(--muted);line-height:1.7}
.rotation-cancel{min-width:44px;min-height:44px;border:1px solid #9aaa8c;background:var(--white);padding:5px 8px;font-size:12px;flex-shrink:0}
@media(max-width:360px){
 .utility-bar{gap:5px}
 .utility-bar button{padding:5px 8px;font-size:11px}
 .player-row{gap:5px}
 .player-row .avatar{width:40px;height:auto;flex-shrink:0}
 .player-row .player-name{font-size:13px}
 .player-row .player-name .pos{display:block;margin-left:0}
}
@media(max-height:710px){
 .controls{height:calc(213px + var(--safe))}
 .game-shell[data-control-size=large] .controls{height:calc(229px + var(--safe))}
 .practice-shell .controls{height:calc(215px + var(--safe))}
 .practice-shell[data-control-size=large] .controls{height:calc(231px + var(--safe))}
}