/* South-seat responsive layout. Only active player views are restyled; admin supervision stays intact. */
body.pg-mode.pg-south{--pg-head:66px;--pg-foot:56px;--pg-rack:clamp(160px,34dvh,286px)}
body.pg-mode.pg-south .main-wrap{padding:env(safe-area-inset-top) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
body.pg-mode.pg-south .main-content.table-content{grid-template-rows:var(--pg-head) minmax(0,1fr)}
body.pg-mode.pg-south .pg-main{grid-template-rows:minmax(0,1fr) var(--pg-rack) var(--pg-foot)}
body.pg-mode.pg-south .pg-main:has(.pg-observer){grid-template-rows:minmax(0,1fr) 50px}
body.pg-mode.pg-south .pg-top{gap:8px;padding:4px 10px;border:1px solid #b89a5255;border-radius:18px 18px 0 0;background:linear-gradient(130deg,#103729,#021e16)}
body.pg-mode.pg-south .pg-title{max-width:33%;gap:8px;flex:1}
body.pg-mode.pg-south .pg-title>div{display:flex;flex-direction:column;min-width:0}
body.pg-mode.pg-south .pg-wordmark{font:700 clamp(24px,3.4vw,44px)/.95 Georgia,serif;letter-spacing:-1px;color:#f4d690;text-shadow:0 2px #76562d}
body.pg-mode.pg-south .pg-title h1{font:500 11px/1.4 system-ui;margin-top:2px;max-width:100%;color:#e1d7b0}
body.pg-mode.pg-south .pg-title p{display:none}
body.pg-mode.pg-south .pg-title>.pg-icon-button{width:40px;height:40px;min-height:36px;min-width:36px}
body.pg-mode.pg-south .pg-title>.pg-icon-button .icon{width:24px;height:24px}
body.pg-mode.pg-south .pg-pot{flex:none;max-width:50%;border-radius:14px;align-self:stretch;gap:12px;padding:3px 14px;background:#06271bd9}
body.pg-mode.pg-south .pg-pot strong{font-size:clamp(24px,3.2vw,38px)}
body.pg-mode.pg-south .pg-pot>div>span{font-size:9px;letter-spacing:1.4px}
body.pg-mode.pg-south .pg-pot .pg-fee{border-left:1px solid #b9995066;padding-left:12px;gap:3px}
body.pg-mode.pg-south .pg-pot .pg-fee b{font-size:12px}
body.pg-mode.pg-south .pg-pot .pg-fee span{font-size:10px!important;white-space:nowrap;max-width:none}
body.pg-mode.pg-south .pg-pot .turn-timer{border-left:1px solid #b9995066;padding-left:10px;margin-left:1px;gap:4px;min-width:60px}
body.pg-mode.pg-south .turn-timer b{font-size:clamp(23px,3vw,36px)}
body.pg-mode.pg-south .turn-timer .icon{display:block;width:18px;height:18px}
body.pg-mode.pg-south .pg-tools{gap:6px;flex-shrink:0}
body.pg-mode.pg-south .pg-tools .pg-icon-button{border:1px solid #ac905566;border-radius:12px;width:38px;min-width:38px;height:38px;min-height:38px;padding:7px;position:relative}
body.pg-mode.pg-south .pg-tools .pg-icon-button span{display:none}
body.pg-mode.pg-south .pg-tools .pg-icon-button .icon{width:21px;height:21px}
body.pg-mode.pg-south .pg-connection{position:absolute;right:14px;top:6px}
body.pg-mode.pg-south .pg-felt{overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#247b4055,#032b21aa 95%),url('premium/felt.webp') repeat;border-radius:0 0 14px 14px}
body.pg-mode.pg-south .pg-table-frame{inset:5px;border:1px solid #bb963e;outline:2px solid #314f2d;box-shadow:inset 0 0 0 5px #051e1977,inset 0 0 36px #00130c55;border-radius:13px}
body.pg-mode.pg-south .pg-skyline{inset:16% 12% 4%;opacity:.18;mask-image:linear-gradient(transparent,#000 40%,#000)}
body.pg-mode.pg-south .pg-player{inset:auto;transform:none;display:flex;flex-direction:row;text-align:left;max-width:none;width:clamp(115px,21%,245px);height:auto;min-height:36px;padding:4px 8px;gap:7px;border-radius:14px;border:1px solid #c4a057;background:linear-gradient(130deg,#103425,#042016);z-index:3}
body.pg-mode.pg-south .pg-player .pg-person{display:grid;grid-template-columns:auto auto;gap:1px 6px;min-width:0;max-width:100%}
body.pg-mode.pg-south .pg-player strong{grid-column:1/-1;display:flex;flex-wrap:nowrap;justify-content:flex-start;font:700 clamp(10px,1.4cqw,16px)/1.15 system-ui;gap:4px}
body.pg-mode.pg-south .pg-player .player-name{max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.pg-mode.pg-south .pg-player small{font:500 clamp(9px,1.1cqw,13px)/1.1 system-ui;color:#f3ddae;margin:0}
body.pg-mode.pg-south .pg-player .pg-classic{font-size:9px;opacity:.72}
body.pg-mode.pg-south .pg-player em{display:inline;font:700 9px/1 system-ui;color:#ffda8a;margin:0}
body.pg-mode.pg-south .pg-player .robot-badge{font-size:7px;padding:1px 3px}
body.pg-mode.pg-south .pg-avatar{display:flex;width:clamp(24px,5cqw,44px);height:clamp(24px,5cqw,44px);font:700 clamp(10px,1.5cqw,16px) system-ui;color:#f4e5b7;background:radial-gradient(at 30% 20%,#687b63,#173322);border:1px solid #cab87c}
body.pg-mode.pg-south .pg-player-0{bottom:6px;left:50%;top:auto;right:auto;transform:translateX(-50%)}
body.pg-mode.pg-south .pg-player-2{top:6px;left:50%;bottom:auto;right:auto;transform:translateX(-50%)}
body.pg-mode.pg-south .pg-player-1,body.pg-mode.pg-south .pg-player-3{width:clamp(75px,12%,145px);max-height:64%;min-height:52px;flex-direction:column;text-align:center;gap:4px;top:50%;transform:translateY(-50%);padding:5px}
body.pg-mode.pg-south .pg-player-1{right:12px;left:auto;bottom:auto}
body.pg-mode.pg-south .pg-player-3{left:12px;right:auto;bottom:auto}
body.pg-mode.pg-south .pg-player-1 .pg-person,body.pg-mode.pg-south .pg-player-3 .pg-person{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}
body.pg-mode.pg-south .pg-player-1 strong,body.pg-mode.pg-south .pg-player-3 strong{max-width:100%;justify-content:center;flex-wrap:wrap}
body.pg-mode.pg-south .pg-player .pg-turn-badge{position:static;margin:1px 0 0;padding:2px 5px;font:700 8px/1.1 system-ui;box-shadow:none;grid-column:1/-1;justify-self:start}
body.pg-mode.pg-south .pg-player-0 .pg-turn-badge,body.pg-mode.pg-south .pg-player-2 .pg-turn-badge{position:absolute;right:7px;bottom:4px;font-size:7px;max-width:45%;padding:2px 3px}
body.pg-mode.pg-south .pg-player.is-turn{border:2px solid #fa343d;background:linear-gradient(130deg,#880b16,#3a090d);box-shadow:0 0 12px #fe263a88,inset 0 0 6px #ff40531a}
body.pg-mode.pg-south .pg-player.is-turn .pg-avatar{background:radial-gradient(at 30% 20%,#d24d59,#6f091a);border-color:#ff8987}
body.pg-mode.pg-south .pg-opponent-rack{inset:auto;transform:none;display:flex;flex-direction:row;gap:1px;padding:3px;border:2px solid #b38147;border-radius:4px;height:28px;width:36%;max-height:14%;background:linear-gradient(#dfb16a33,#94551933),url('premium/wood.webp') center/cover}
body.pg-mode.pg-south .pg-backtile{flex:1;width:auto;min-width:0;height:100%;border-radius:2px;background:linear-gradient(135deg,#e8c17a,#b5874b);border:1px solid #f1d193;box-shadow:inset 0 0 0 2px #b88949aa}
body.pg-mode.pg-south .pg-opponent-2{left:32%;top:32px}
body.pg-mode.pg-south .pg-opponent-1,body.pg-mode.pg-south .pg-opponent-3{width:24px;height:46%;max-height:none;flex-direction:column;top:27%;padding:3px 2px}
body.pg-mode.pg-south .pg-opponent-1{right:calc(12% + 24px)}
body.pg-mode.pg-south .pg-opponent-3{left:calc(12% + 24px)}
body.pg-mode.pg-south .pg-opponent-1 .pg-backtile,body.pg-mode.pg-south .pg-opponent-3 .pg-backtile{width:100%;height:auto;min-height:0}
body.pg-mode.pg-south .pg-opponent-rack>small{font-size:10px;line-height:19px;min-width:22px;border-radius:50%;right:-12px;bottom:-9px;background:#102d21}
body.pg-mode.pg-south .pg-draw-area{left:50%;top:51%;gap:clamp(28px,6vw,90px);transform:translate(-50%,-50%)}
body.pg-mode.pg-south .pg-indicator>.tile,body.pg-mode.pg-south .pg-stock-tiles{height:clamp(32px,26cqh,92px);width:clamp(26px,19cqh,68px);min-height:0}
body.pg-mode.pg-south .pg-indicator>.tile b{font-size:clamp(22px,18cqh,56px)}
body.pg-mode.pg-south .pg-stock-tiles>b{font-size:clamp(20px,12cqh,36px)}
body.pg-mode.pg-south .pg-stock{min-width:44px;min-height:44px}
body.pg-mode.pg-south .pg-draw-area small{font-size:clamp(8px,1.1cqw,13px)}
body.pg-mode.pg-south .pg-discard{inset:auto;transform:none;padding:2px;min-width:26px;min-height:30px}
body.pg-mode.pg-south .pg-discard-0{bottom:6px;left:65%}
body.pg-mode.pg-south .pg-discard-1{top:35%;right:22%}
body.pg-mode.pg-south .pg-discard-2{top:10px;left:69%}
body.pg-mode.pg-south .pg-discard-3{top:55%;left:22%}
body.pg-mode.pg-south .pg-discard .tile{width:clamp(22px,3cqw,40px);height:clamp(28px,14cqh,50px);padding:2px}
body.pg-mode.pg-south .pg-discard .tile b{font-size:clamp(16px,9cqh,32px)}
body.pg-mode.pg-south .pg-discard.available{border-color:#ed3f4c;background:#ba15251a;box-shadow:0 0 5px #e6463a66}
/* The two tracks fill the width; stones themselves no longer occupy spaced fixed columns. */
body.pg-mode.pg-south .pg-rack-wrap{padding:0 12px;grid-template-rows:26px minmax(0,1fr);background:#05261c}
body.pg-mode.pg-south .pg-rack-mini{padding:0 3px;font:500 11px/1.2 system-ui}
body.pg-mode.pg-south .pg-rack-mini small{display:inline;font-size:9px}
body.pg-mode.pg-south .pg-rack-mini .btn{height:23px;min-height:23px;min-width:30px;padding:3px 9px;font-size:10px}
body.pg-mode.pg-south #tile-rack{padding:5px 12px 7px;gap:6px;border:2px solid #d3a95d;border-radius:7px;background:linear-gradient(100deg,#f3ad4a19,#ffdb8122),url('premium/wood.webp') center/cover;box-shadow:inset 0 0 0 3px #87561a,0 2px 4px #0007}
body.pg-mode.pg-south #tile-rack:before,body.pg-mode.pg-south #tile-rack:after{width:8px;top:0;bottom:0;background:linear-gradient(90deg,#251f12,#564830,#1c1b14);border:1px solid #b88a49;border-radius:4px;transform:none}
body.pg-mode.pg-south #tile-rack:before{left:1px}body.pg-mode.pg-south #tile-rack:after{right:1px}
body.pg-mode.pg-south #tile-rack .pg-rack-row{position:relative;display:block;container-type:size;padding:0;margin:0;border:0;min-height:0;box-shadow:none;background:none}
body.pg-mode.pg-south #tile-rack .pg-rack-row:after{content:"";position:absolute;bottom:-5px;left:-1px;right:-1px;height:5px;background:linear-gradient(#e8be79,#8d5b28 48%,#4c2e10);pointer-events:none}
body.pg-mode.pg-south #tile-rack .rack-slot{position:absolute;top:0;bottom:0;left:0;container-type:normal;display:block;height:100%;width:6%;padding:0;margin:0;z-index:1}
body.pg-mode.pg-south #tile-rack .tile{width:100%;height:100%;max-width:none;min-height:0;min-width:0;aspect-ratio:auto;margin:0;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid #d2bf91;border-radius:4px;background:linear-gradient(115deg,#fffef0,#f5edcf);box-shadow:inset 0 2px #fff,1px 2px 1px #63461977;overflow:hidden;transform:none!important;transition:box-shadow .1s,outline-color .1s;touch-action:none}
body.pg-mode.pg-south #tile-rack .tile b{font:700 clamp(17px,62cqh,66px)/.94 Georgia,serif;letter-spacing:-.8px;flex:0 0 auto}
body.pg-mode.pg-south #tile-rack .tile i{font-size:clamp(5px,15cqh,13px);line-height:1;margin:2px 0 0;flex:0 0 auto}
body.pg-mode.pg-south #tile-rack .tile i:after{content:"\25CF"}
body.pg-mode.pg-south #tile-rack .tile.selected{outline:2px solid #ed2238;outline-offset:0;box-shadow:0 0 8px #e6223f99,inset 0 0 0 1px #f9999e;border-color:#ee3242;transform:none!important;z-index:2}
body.pg-mode.pg-south #tile-rack .tile:hover{transform:none!important}
body.pg-mode.pg-south #tile-rack .tile em{font-size:5px;line-height:1;bottom:1px}
body.pg-mode.pg-south #tile-rack .pg-row-target{position:absolute;inset:0;background:transparent;border:0;padding:0;cursor:crosshair;touch-action:none;min-height:0;min-width:0}
body.pg-mode.pg-south #tile-rack .pg-rack-row.touch-drop-target{background:#c41c2822;outline:1px dashed #f4585c;outline-offset:1px}
body.pg-mode.pg-south .mobile-drag-ghost{transform:none!important;border-color:#ee3242!important;outline:2px solid #f22943!important;box-shadow:0 0 8px #de102d88!important}
body.pg-mode.pg-south .pg-controls{padding:5px 14px;gap:12px;min-height:0;border-top:1px solid #d2ae6666;background:linear-gradient(#0b3022,#031d17);display:flex}
body.pg-mode.pg-south .pg-balance{min-width:0;flex:1}
body.pg-mode.pg-south .pg-balance strong{font-size:clamp(12px,2vw,24px)}
body.pg-mode.pg-south .pg-balance small{font-size:clamp(8px,1vw,12px);white-space:nowrap}
body.pg-mode.pg-south .pg-actions{display:flex;gap:8px;align-items:stretch;height:100%;max-width:75%}
body.pg-mode.pg-south .pg-play{padding:5px clamp(10px,3vw,35px);min-height:34px;border-radius:12px;font-size:clamp(10px,1.5vw,18px);gap:8px}
body.pg-mode.pg-south .pg-play .icon{width:20px;height:20px}
/* Portrait stays playable, with the human permanently south and a two-level rack. */
@media(orientation:portrait){
 body.pg-mode.pg-south{--pg-head:92px;--pg-foot:64px;--pg-rack:clamp(142px,22dvh,172px)}
 body.pg-mode.pg-south .pg-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:39px 45px;padding:3px 5px;gap:2px 5px}
 body.pg-mode.pg-south .pg-title{grid-column:1;grid-row:1;max-width:none;width:auto;gap:6px}
 body.pg-mode.pg-south .pg-title>div{display:grid;grid-template-columns:auto 1fr;gap:0 5px;align-items:center}
 body.pg-mode.pg-south .pg-wordmark{font-size:27px;grid-row:1/3}
 body.pg-mode.pg-south .pg-title h1{font-size:9px;white-space:nowrap;max-width:90px;grid-column:2}
 body.pg-mode.pg-south .pg-title h1 .robot-badge{display:none}
 body.pg-mode.pg-south .pg-title>.pg-icon-button{width:31px;height:33px;min-height:30px;min-width:30px;padding:5px}
 body.pg-mode.pg-south .pg-tools{grid-column:2;grid-row:1;gap:3px}
 body.pg-mode.pg-south .pg-tools .pg-icon-button{width:30px;min-width:30px;min-height:32px;height:32px;border-radius:9px;padding:6px}
 body.pg-mode.pg-south .pg-tools .pg-icon-button .icon{width:18px;height:18px}
 body.pg-mode.pg-south .pg-tools .pg-connection{display:none}
 body.pg-mode.pg-south .pg-pot{grid-row:2;grid-column:1/-1;max-width:none;justify-content:space-around;border-radius:10px;padding:3px 10px;width:100%;gap:8px}
 body.pg-mode.pg-south .pg-pot strong{font-size:25px}
 body.pg-mode.pg-south .pg-pot .pg-fee{padding-left:10px}
 body.pg-mode.pg-south .pg-pot>div>span{font-size:8px}
 body.pg-mode.pg-south .pg-player{width:146px;min-height:42px;padding:3px 6px;gap:5px}
 body.pg-mode.pg-south .pg-player strong{font-size:11px}
 body.pg-mode.pg-south .pg-player small{font-size:10px}
 body.pg-mode.pg-south .pg-player .pg-classic{display:none}
 body.pg-mode.pg-south .pg-avatar{width:29px;height:29px;font-size:12px}
 body.pg-mode.pg-south .pg-player-0{bottom:9px}
 body.pg-mode.pg-south .pg-player-2{top:9px}
 body.pg-mode.pg-south .pg-player-1,body.pg-mode.pg-south .pg-player-3{width:67px;min-height:78px;padding:4px 3px;gap:3px;top:46%;max-height:none}
 body.pg-mode.pg-south .pg-player-1{right:8px}body.pg-mode.pg-south .pg-player-3{left:8px}
 body.pg-mode.pg-south .pg-player-1 strong,body.pg-mode.pg-south .pg-player-3 strong{font-size:10px;display:block}
 body.pg-mode.pg-south .pg-player-1 .robot-badge,body.pg-mode.pg-south .pg-player-3 .robot-badge{display:none}
 body.pg-mode.pg-south .pg-player .pg-turn-badge{font-size:7px}
 body.pg-mode.pg-south .pg-player-0 .pg-turn-badge,body.pg-mode.pg-south .pg-player-2 .pg-turn-badge{bottom:3px;right:4px}
 body.pg-mode.pg-south .pg-opponent-2{left:24%;width:52%;top:39px;height:25px}
 body.pg-mode.pg-south .pg-opponent-1,body.pg-mode.pg-south .pg-opponent-3{width:18px;height:31%;top:30%}
 body.pg-mode.pg-south .pg-opponent-1{right:78px}body.pg-mode.pg-south .pg-opponent-3{left:78px}
 body.pg-mode.pg-south .pg-draw-area{gap:19px;top:47%}
 body.pg-mode.pg-south .pg-indicator>.tile,body.pg-mode.pg-south .pg-stock-tiles{width:34px;height:48px}
 body.pg-mode.pg-south .pg-indicator>.tile b{font-size:30px}
 body.pg-mode.pg-south .pg-draw-area small{font-size:8px}
 body.pg-mode.pg-south .pg-discard-0{left:76%;bottom:8px}
 body.pg-mode.pg-south .pg-discard-2{left:78%;top:12px}
 body.pg-mode.pg-south .pg-discard-1{right:27%;top:65%}
 body.pg-mode.pg-south .pg-discard-3{left:27%;top:65%}
 body.pg-mode.pg-south .pg-discard .tile{width:23px;height:31px}
 body.pg-mode.pg-south .pg-discard .tile b{font-size:20px}
 body.pg-mode.pg-south .pg-rack-wrap{padding:0 7px;grid-template-rows:26px minmax(0,1fr)}
 body.pg-mode.pg-south .pg-rack-mini>span{font-size:10px}
 body.pg-mode.pg-south .pg-rack-mini small{display:none}
 body.pg-mode.pg-south .pg-rack-mini .btn{font-size:9px;padding:3px 7px}
 body.pg-mode.pg-south #tile-rack{padding:4px 9px 6px;gap:6px}
 body.pg-mode.pg-south .pg-controls{display:grid;grid-template-rows:16px minmax(0,1fr);gap:2px;padding:3px 6px}
 body.pg-mode.pg-south .pg-balance{display:flex;justify-content:space-between;gap:4px;align-items:center}
 body.pg-mode.pg-south .pg-balance strong{font-size:11px}
 body.pg-mode.pg-south .pg-balance small{font-size:8px}
 body.pg-mode.pg-south .pg-actions{max-width:none;width:100%;gap:5px;display:grid;grid-template-columns:1fr 1fr 1.2fr}
 body.pg-mode.pg-south .pg-play{padding:4px 5px;font-size:10px;gap:5px;min-height:32px;border-radius:10px}
 body.pg-mode.pg-south .pg-play .icon{width:16px;height:16px}
}
@media(orientation:landscape) and (max-height:500px){
 body.pg-mode.pg-south{--pg-head:44px;--pg-foot:40px;--pg-rack:clamp(114px,36dvh,170px)}
 body.pg-mode.pg-south .pg-top{padding:2px 5px;gap:4px}
 body.pg-mode.pg-south .pg-title{max-width:30%}
 body.pg-mode.pg-south .pg-title>.pg-icon-button{width:32px;height:32px;min-width:32px;min-height:32px}
 body.pg-mode.pg-south .pg-wordmark{font-size:26px}
 body.pg-mode.pg-south .pg-title h1{font-size:8px;line-height:1.1}
 body.pg-mode.pg-south .pg-pot{gap:8px;padding:2px 10px;max-width:47%}
 body.pg-mode.pg-south .pg-pot strong{font-size:24px}
 body.pg-mode.pg-south .pg-pot .pg-fee b{font-size:10px}
 body.pg-mode.pg-south .pg-pot .pg-fee span{font-size:8px!important}
 body.pg-mode.pg-south .pg-pot .turn-timer{min-width:48px;padding-left:8px}
 body.pg-mode.pg-south .turn-timer b{font-size:24px}
 body.pg-mode.pg-south .turn-timer .icon{width:14px;height:14px}
 body.pg-mode.pg-south .pg-tools{gap:3px}
 body.pg-mode.pg-south .pg-tools .pg-icon-button{width:31px;height:32px;min-width:31px;min-height:32px;padding:6px}
 body.pg-mode.pg-south .pg-player{min-height:28px;height:auto;padding:3px 6px;width:24%;border-radius:10px}
 body.pg-mode.pg-south .pg-player-0{bottom:4px}body.pg-mode.pg-south .pg-player-2{top:4px}
 body.pg-mode.pg-south .pg-player strong{font-size:10px}
 body.pg-mode.pg-south .pg-player small{font-size:8px}
 body.pg-mode.pg-south .pg-player .pg-classic{display:none}
 body.pg-mode.pg-south .pg-avatar{width:24px;height:24px;font-size:10px}
 body.pg-mode.pg-south .pg-player-1,body.pg-mode.pg-south .pg-player-3{width:12%;min-height:60px;padding:4px}
 body.pg-mode.pg-south .pg-player-1{right:9px}body.pg-mode.pg-south .pg-player-3{left:9px}
 body.pg-mode.pg-south .pg-opponent-2{top:26px;height:20px;width:40%;left:30%}
 body.pg-mode.pg-south .pg-opponent-1,body.pg-mode.pg-south .pg-opponent-3{width:19px;height:54%;top:22%}
 body.pg-mode.pg-south .pg-rack-wrap{grid-template-rows:23px minmax(0,1fr);padding:0 12px}
 body.pg-mode.pg-south .pg-rack-mini .btn{height:21px;min-height:21px}
 body.pg-mode.pg-south .pg-controls{padding:3px 12px}
 body.pg-mode.pg-south .pg-play{min-height:31px;font-size:11px;padding:4px 18px;border-radius:9px}
 body.pg-mode.pg-south .pg-balance strong{font-size:13px}
 body.pg-mode.pg-south .pg-balance small{font-size:8px}
 body.pg-mode.pg-south .pg-indicator>.tile,body.pg-mode.pg-south .pg-stock-tiles{height:clamp(27px,25cqh,50px);width:clamp(24px,18cqh,38px)}
 body.pg-mode.pg-south .pg-draw-area small{font-size:8px}
}
@media(orientation:landscape) and (max-width:680px){
 body.pg-mode.pg-south .pg-title{max-width:23%}
 body.pg-mode.pg-south .pg-title h1{max-width:84px}
 body.pg-mode.pg-south .pg-tools [data-action=stone-sound],body.pg-mode.pg-south .pg-tools [data-action=turn-sound]{display:none}
 body.pg-mode.pg-south .pg-pot{max-width:54%;gap:5px;padding:2px 7px}
 body.pg-mode.pg-south .pg-pot .pg-fee{padding-left:6px}
 body.pg-mode.pg-south .pg-player strong{font-size:9px}
 body.pg-mode.pg-south .pg-player .robot-badge{display:none}
 body.pg-mode.pg-south .pg-opponent-1{right:16%}body.pg-mode.pg-south .pg-opponent-3{left:16%}
 body.pg-mode.pg-south .pg-play{padding:4px 11px;font-size:10px}
}
@media(orientation:landscape) and (max-height:300px){
 body.pg-mode.pg-south{--pg-head:36px;--pg-foot:34px;--pg-rack:100px}
 body.pg-mode.pg-south .pg-wordmark{font-size:23px}
 body.pg-mode.pg-south .pg-title h1{font-size:7px}
 body.pg-mode.pg-south .pg-player{min-height:23px;padding:2px 4px}
 body.pg-mode.pg-south .pg-player strong{font-size:9px}
 body.pg-mode.pg-south .pg-player .pg-avatar{width:18px;height:18px;font-size:8px}
 body.pg-mode.pg-south .pg-player-1,body.pg-mode.pg-south .pg-player-3{min-height:42px;gap:1px}
 body.pg-mode.pg-south .pg-player .pg-turn-badge{display:none}
 body.pg-mode.pg-south .pg-opponent-rack{display:none}
 body.pg-mode.pg-south .pg-player-0{bottom:3px}body.pg-mode.pg-south .pg-player-2{top:3px}
 body.pg-mode.pg-south .pg-draw-area small{font-size:7px}
 body.pg-mode.pg-south .pg-stock-tiles,body.pg-mode.pg-south .pg-indicator>.tile{height:25px;width:22px}
 body.pg-mode.pg-south .pg-stock-tiles>b,body.pg-mode.pg-south .pg-indicator>.tile b{font-size:20px}
 body.pg-mode.pg-south .pg-rack-wrap{grid-template-rows:20px minmax(0,1fr)}
 body.pg-mode.pg-south .pg-play{min-height:27px}
}
/* Funding information is separate from the player's starting balance. */
.user-reserve-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:16px 0 22px;padding:16px 18px;border:1px solid #c5dbc8;border-radius:10px;background:linear-gradient(120deg,#edf6ec,#f5f8ef);color:#325c43}
.user-reserve-summary>div{display:flex;flex-direction:column;gap:4px}
.user-reserve-summary span{font-size:12px}.user-reserve-summary strong{font-size:25px;line-height:1.3;color:#10513d}.user-reserve-summary strong small{font-size:12px;font-weight:500}
.user-reserve-summary>small{grid-column:1/-1;font-size:11px;line-height:1.6}.user-reserve-summary strong.negative{color:#b02e37}
.delete-balances{display:flex;gap:20px;flex-wrap:wrap;background:#edf3e8;border-radius:8px;padding:12px;margin:12px 0}
@media(max-width:440px){.user-reserve-summary{padding:12px;gap:8px}.user-reserve-summary strong{font-size:20px}.user-reserve-summary span{font-size:11px}.user-reserve-summary strong small{display:block}}
@media(prefers-reduced-motion:reduce){body.pg-mode.pg-south *{animation:none!important;transition:none!important}}

@media(orientation:portrait){body.pg-mode.pg-south .pg-actions{width:100%}body.pg-mode.pg-south .pg-actions .pg-play{flex:1}}