/* Give every control and player detail its own space. */
.setup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.setup>label{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0}
.setup input,.setup select{width:100%;box-sizing:border-box;margin:0;min-width:0}
.ib-rank-button{margin-bottom:16px}
.bot-label .ib-country-flag{width:14px;height:10px;vertical-align:middle;box-shadow:none}
body.playing .hero .bot-label{height:12px;line-height:12px;font-size:6px;display:flex;align-items:center;justify-content:center;gap:2px;white-space:nowrap}
body.playing .hero .nameplate{height:48px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:3px 4px;box-sizing:border-box}
body.playing .seat.hero,body.playing [data-capacity="10"] .seat.hero{grid-template-rows:48px 14px;height:68px}
body.playing .hero .stack{flex-shrink:0;height:15px;line-height:15px}
@media(max-width:640px){.setup{grid-template-columns:1fr;gap:14px}.setup>label{gap:6px}.setup input,.setup select{min-height:46px}.ib-rank-button{width:100%}}