/* Fit games to the available pane, including the phone's changing browser chrome. */
.game-resume{margin:auto;max-width:520px;padding:24px;text-align:center}.game-resume h2{color:var(--green)}.game-resume p{color:var(--muted)}.game-resume button{margin:5px}.game-resume-shortcut{color:var(--green)}
.game-minimized #conversation>.poker-room,.game-minimized #conversation>.worms-room{display:none!important}
.game-minimized #conversation{display:flex;flex-direction:column}.game-minimized #videos{display:grid}.game-minimized #conversation>.room-intro{display:none}
.game-popout{height:100dvh;height:var(--wintalk-height,100dvh);overflow:hidden}.game-popout>#conversation{height:100%;width:100%;margin:0;overflow:auto}
.game-fullscreen .app{height:100dvh;height:var(--wintalk-height,100dvh);min-height:0;grid-template-columns:minmax(0,1fr)}
.game-fullscreen .topbar,.game-fullscreen .callbar,.game-fullscreen .rail,.game-fullscreen .sidebar,.game-fullscreen .members,.game-fullscreen #composer-area{display:none!important}
:is(.game-fullscreen,.game-popout,.native-game) #conversation{padding:0;min-height:0}
:is(.poker-room,.worms-room){box-sizing:border-box;padding-top:max(8px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left))}
:is(.poker-toolbar,.worms-toolbar)>:is(.game-fullscreen,.game-popout-button,.game-ranking){font-size:20px;line-height:1;min-width:36px;min-height:36px;padding:6px}
.game-camera-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.poker-room.poker-fit{width:100%;max-height:100%;padding:8px}.poker-fit .poker-layout{padding-top:20px}.poker-fit .poker-bottom{display:none}.poker-fit .poker-rules{padding:4px 0;line-height:1.25}.poker-fit .poker-tips{overscroll-behavior:contain}
:is(.poker-room,.worms-room)[data-phone=true] :is(.poker-toolbar,.worms-toolbar){gap:4px;padding-bottom:5px;flex-wrap:wrap}
:is(.poker-room,.worms-room)[data-phone=true] .game-back{width:36px!important;font-size:0!important;padding:4px!important}
:is(.poker-room,.worms-room)[data-phone=true] .game-back::before{content:'←';font-size:19px}
.poker-room[data-phone=true] .poker-brand{font-size:16px}.poker-room[data-phone=true] .poker-wallet{font-size:10px}
.poker-room[data-phone=true] .poker-layout{padding-top:14px;gap:4px;grid-template-rows:minmax(0,1fr) auto}
.poker-room[data-phone=true] .poker-arena{min-height:0;height:100%;background-size:140% 95%}
.poker-room[data-phone=true] .poker-tips{padding:4px;gap:3px;display:flex;flex-wrap:wrap}
.poker-room[data-phone=true] .poker-tips>div:not([hidden]){min-width:0;display:flex;flex-wrap:wrap;gap:3px;justify-content:space-between}
.poker-room[data-phone=true] .poker-tips .poker-cards{order:-1}.poker-room[data-phone=true] .poker-tips p{width:100%;font-size:10px}.poker-room[data-phone=true] .poker-tips h3{font-size:11px}
.poker-room[data-phone=true] .poker-hint-toggle{width:auto;max-width:none;font-size:10px}.poker-room[data-phone=true] .poker-tips>button{min-height:32px;font-size:10px;padding:4px}
.poker-room[data-phone=true] .poker-tips>button:last-child{display:none}.poker-room[data-phone=true] .poker-actions{gap:4px;padding:5px;margin-top:4px}.poker-room[data-phone=true] .poker-actions button{min-height:36px;padding:5px 7px;font-size:11px}
.poker-room[data-phone=true] .poker-seat{width:28%;padding:3px}.poker-room[data-phone=true] .poker-seat>button{height:58px}.poker-room[data-phone=true] .poker-seat-status{height:20px}.poker-room[data-phone=true] .poker-seat>strong,.poker-room[data-phone=true] .poker-seat>span{font-size:11px}
.poker-room[data-phone=true] .seat-0,.poker-room[data-phone=true] .seat-7,.poker-room[data-phone=true] .seat-5{left:16%}.poker-room[data-phone=true] .seat-2,.poker-room[data-phone=true] .seat-3,.poker-room[data-phone=true] .seat-4{left:84%}
.poker-room[data-short=true] .poker-rules,.poker-room[data-short=true] .poker-bottom{display:none}.poker-room[data-short=true] .poker-toolbar{gap:4px;padding:0 0 4px;flex-wrap:nowrap}.poker-room[data-short=true] .poker-brand{font-size:15px}.poker-room[data-short=true] .poker-wallet{font-size:10px}
.poker-room[data-short=true] .poker-layout{grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:minmax(0,1fr);padding-top:12px;gap:6px}
.poker-room[data-short=true] .poker-tips{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:5px;gap:4px;overflow:auto}.poker-room[data-short=true] .poker-tips>div:not([hidden]){display:flex;flex-direction:column;min-width:0;gap:3px}.poker-room[data-short=true] .poker-tips h3{font-size:11px}.poker-room[data-short=true] .poker-tips p{display:none}.poker-room[data-short=true] .poker-tips>button:last-child{display:none}
.poker-room[data-short=true] .poker-actions{padding:4px 6px;margin-top:4px;gap:4px}.poker-room[data-short=true] .poker-actions button{min-height:34px}.poker-room[data-short=true] .poker-status{font-size:10px}.poker-room[data-short=true] .poker-seat-status{height:12px}.poker-room[data-short=true] .poker-cam{max-height:38px}.poker-room[data-short=true] .poker-seat>button{height:48px;min-height:0}
.worms-room{min-height:0!important}.worms-room .worms-stage{min-height:100px}.worms-room[data-phone=true]{gap:5px;padding:6px}.worms-room[data-phone=true] .worms-brand{font-size:16px}.worms-room[data-phone=true] .worms-toolbar button{min-height:36px;font-size:11px;padding:5px 7px}.worms-room[data-phone=true] .worms-toolbar .game-back{min-width:36px}.worms-room[data-phone=true] .worms-rules,.worms-room[data-phone=true] .worms-footer>span{display:none}
.worms-room[data-phone=true] .worms-action-row{gap:4px}.worms-room[data-phone=true] .worms-action-row>label{min-width:0;flex:1 1 27%;max-width:none}.worms-room[data-phone=true] .worms-action-row button{min-height:36px;padding:5px 8px}.worms-room[data-phone=true] .worms-weapon select{padding:5px;font-size:11px}.worms-room[data-phone=true] .worms-stage-help{display:none}.worms-room[data-phone=true] .worms-footer{font-size:10px}.worms-room[data-phone=true] .worms-footer button{min-height:30px;padding:3px 6px;font-size:10px}
.worms-room[data-short=true]{gap:4px;padding:5px;display:grid;grid-template-columns:95px minmax(0,1fr);grid-template-rows:auto minmax(90px,1fr) auto}
.worms-room[data-short=true] .worms-toolbar{grid-column:1/-1;flex-wrap:nowrap}.worms-room[data-short=true] .worms-toolbar button{font-size:11px;min-height:34px;padding:4px 7px}.worms-room[data-short=true] .worms-brand{font-size:16px}
.worms-room[data-short=true] .worms-players{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:3px;min-height:0}.worms-room[data-short=true] .worms-player{padding:2px;border-radius:5px;overflow:hidden}.worms-room[data-short=true] .worms-player>button{height:100%;min-height:0;padding:2px;font-size:9px}.worms-room[data-short=true] .worms-camera{height:20px}.worms-room[data-short=true] .worms-player>strong{font-size:9px}.worms-room[data-short=true] .worms-player>small,.worms-room[data-short=true] .worms-team-hp{display:none}
.worms-room[data-short=true] .worms-stage{grid-column:2;grid-row:2;min-height:0}.worms-room[data-short=true] .worms-controls{grid-column:1/-1;grid-row:3;padding:4px 6px}.worms-room[data-short=true] .worms-rules,.worms-room[data-short=true] .worms-footer,.worms-room[data-short=true] .worms-stage-help{display:none}
.worms-room[data-short=true] .worms-action-row{gap:4px}.worms-room[data-short=true] .worms-action-row>label{min-width:75px;max-width:150px;flex:1}.worms-room[data-short=true] .worms-action-row button{min-height:34px;padding:4px 8px;font-size:11px}.worms-room[data-short=true] .worms-weapon select{padding:3px;font-size:11px}.worms-room[data-short=true] .worms-aim input{height:18px;margin:0}.worms-room[data-short=true] .worms-status-row{font-size:10px;min-height:14px}.worms-room[data-short=true] .worms-banner{font-size:14px}
@media(max-width:540px){.poker-rankings{grid-template-columns:1fr}.poker-settings{grid-template-columns:1fr}}
@media(max-width:700px),(max-height:520px) and (pointer:coarse){
 body.conversation-expanded:is(.in-poker,.in-worms) .topbar,body.conversation-expanded:is(.in-poker,.in-worms) .callbar{display:none!important}
 body.conversation-expanded:is(.in-poker,.in-worms) .app{height:var(--wintalk-height,100dvh);min-height:0}
}
/* Keep text and cards readable on phones instead of shrinking the entire table. */
.poker-room:is([data-phone=true],[data-short=true]) .poker-seat{transform:translate(-50%,-50%);box-shadow:0 3px 8px #0004}
.poker-room:is([data-phone=true],[data-short=true]) .poker-hole{display:none}
.poker-room:is([data-phone=true],[data-short=true]) .poker-seat>strong,.poker-room:is([data-phone=true],[data-short=true]) .poker-seat>span{font-size:10px;line-height:1.2}
.poker-room:is([data-phone=true],[data-short=true]) .poker-seat-status{font-size:8px;height:11px}
.poker-room:is([data-phone=true],[data-short=true]) .poker-cam{max-height:35px}.poker-room:is([data-phone=true],[data-short=true]) .poker-avatar{font-size:18px}
.poker-room:is([data-phone=true],[data-short=true]) .poker-center{transform:translate(-50%,-50%);top:49%;gap:3px}
.poker-room:is([data-phone=true],[data-short=true]) .poker-pot{font-size:13px}.poker-room:is([data-phone=true],[data-short=true]) .poker-pot-row>img{width:18px;height:18px}
.poker-room:is([data-phone=true],[data-short=true]) .poker-phase,.poker-room:is([data-phone=true],[data-short=true]) .poker-countdown{font-size:10px}
.poker-room[data-short=true] .poker-seat{width:17%;max-width:125px}.poker-room[data-short=true] .poker-board .poker-card{width:30px;height:40px;font-size:18px}
.poker-room[data-phone=true] .poker-board{gap:2px}.poker-room[data-phone=true] .poker-board .poker-card{width:24px;height:35px;font-size:16px}
.poker-room[data-phone=true] .poker-seat{width:27%}.poker-room[data-phone=true] .poker-tips .poker-cards{flex-wrap:wrap}
.poker-toolbar>.poker-history-toggle{width:36px;min-width:36px;min-height:36px;font-size:19px;padding:4px}
/* Reserve the same controls footprint on our turn, other turns and showdown. */
.poker-table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:inherit}
.poker-betting{display:grid;grid-template-columns:minmax(40px,.6fr) minmax(85px,1.3fr) minmax(62px,.8fr) minmax(55px,.7fr) minmax(110px,2fr);align-items:center;gap:6px;flex:1 1 450px;max-width:760px;min-width:0}
.poker-betting.waiting,.poker-betting .unavailable{visibility:hidden}
.poker-seat.current{border-width:1px;outline:1px solid var(--poker-lime)}
.poker-betting button{white-space:nowrap;padding-left:5px;padding-right:5px;min-width:0}
.poker-betting .poker-raise{min-width:0;max-width:none;width:100%;font-size:11px}
.poker-raise>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.poker-actions .poker-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:15px}
.poker-room[data-phone=true] .poker-betting{grid-template-columns:minmax(0,.7fr) minmax(0,1.45fr) minmax(0,.85fr);gap:4px}
.poker-room[data-phone=true] .poker-betting .poker-raise{grid-column:2/-1}
.poker-room[data-phone=true] .poker-raise input{height:18px;margin:0}
.poker-room[data-phone=true] .poker-tips{display:grid;grid-template-columns:60px minmax(0,1fr) 72px;grid-template-rows:32px 32px;align-items:center}
.poker-room[data-phone=true] .poker-tips>div:not([hidden]){display:contents}
.poker-room[data-phone=true] .poker-tips p{display:none}
.poker-room[data-phone=true] .poker-tips h3{grid-column:2;grid-row:1;font-size:10px;min-width:0}
.poker-room[data-phone=true] .poker-tips .poker-cards{grid-column:1/-1;grid-row:2;flex-wrap:nowrap}
.poker-room[data-phone=true] .poker-tips>button{grid-column:3;grid-row:1}
.poker-room[data-phone=true] .poker-hint-toggle{grid-column:1;grid-row:1;flex-direction:column;gap:2px}
.poker-room[data-phone=true] .poker-table-actions button{min-height:28px;font-size:10px;padding:3px 6px}
.poker-room[data-phone=true] .seat-3{left:88%}.poker-room[data-phone=true] .seat-7{left:12%}
.poker-room:is([data-phone=true],[data-short=true]) .poker-seat{padding:3px}
.poker-room:is([data-phone=true],[data-short=true]) .poker-cam{max-height:20px}
.poker-room:is([data-phone=true],[data-short=true]) .poker-avatar{font-size:14px}
.poker-room:is([data-phone=true],[data-short=true]) .poker-seat-status{display:none}
.poker-room:is([data-phone=true],[data-short=true]) :is(.seat-0,.seat-1,.seat-2){top:10%}
.poker-room:is([data-phone=true],[data-short=true]) :is(.seat-4,.seat-5,.seat-6){top:87%}
.poker-room:is([data-phone=true],[data-short=true]) .poker-center{top:50%}