/* Compact controls only; no changes to card artwork, sizes or fan geometry. */
#gameScreen>.scoreboard{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 6px;padding:calc(2px + env(safe-area-inset-top)) 7px 3px}
#gameScreen .score-strip{flex:1 1 155px;width:auto;min-height:38px;gap:10px}
#gameScreen .score-strip>div{min-width:0;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:0 4px;padding:0;background:transparent}
#gameScreen .score-strip span{font-size:9px;line-height:1.25}
#gameScreen .score-strip strong{font-size:18px;line-height:1.25}
#gameScreen .score-strip small{grid-column:1/-1;font-size:8px;line-height:1.3}
#gameScreen .score-strip .trump{grid-template-columns:auto;min-width:29px}
#gameScreen .score-strip .trump span{font-size:8px}
#gameScreen .score-strip .trump strong{font-size:19px}
#gameScreen .game-actions{flex:0 1 auto;width:auto;min-height:30px;gap:4px;flex-wrap:wrap}
#gameScreen .game-actions .icon-btn{width:29px;height:29px;flex-basis:29px;min-height:29px;border-radius:9px;font-size:17px}
#gameScreen .game-actions .offer-hand{min-height:28px;padding:3px 7px;margin-inline:0;font-size:10px}
#gameScreen .game-actions .offer-hand.not-ready{display:none}
body:not([data-online=true]) #quickChatToggle{display:none}
body[data-online=true] .quick-chat[hidden]{display:none!important}
body[data-online=true] .quick-chat:not([hidden]){display:grid;grid-template-columns:repeat(3,36px);top:8px;right:8px;bottom:auto;gap:5px;padding:7px;border:1px solid #d3bd8050;border-radius:14px;background:#0b2023f5;box-shadow:0 8px 25px #0008}
#gameScreen .quick-chat button{width:36px;height:36px;font-size:20px;border-radius:10px;touch-action:manipulation}
#quickChatToggle[aria-expanded=true]{border-color:var(--accent);background:#d9bb7020}
@media(max-width:350px){#gameScreen .score-strip{gap:6px;flex-basis:145px}#gameScreen .game-actions{gap:3px}#gameScreen .game-actions .icon-btn{width:27px;height:29px;flex-basis:27px}}