/* Player First · 12 September 2026. Presentation only; outcome styling follows real results. */
html.wg-shell .md-banner{position:relative;min-height:96px!important;padding:14px 20px!important;overflow:visible;background:linear-gradient(90deg,#071522eb 0%,#071522a6 28%,#07152224 65%,#07152280 100%),var(--md-art) 68% 48%/cover no-repeat,#102135!important;border-color:#39556e!important}
.md-banner-copy{position:relative;z-index:1;text-shadow:0 2px 12px #000}.md-banner h1{font-size:28px!important}.md-category{color:#b6d9ef!important}
.pf-toolbar{position:relative;z-index:3;display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.pf-tool,.pf-share-trigger{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #4a657b!important;border-radius:10px;background:#0b2035ec!important;color:#dcf0fb!important;cursor:pointer}
.pf-tool svg,.pf-share-trigger svg{width:23px;height:23px}.pf-tool:hover,.pf-tool:focus-visible{color:#70dfff!important;border-color:#70dfff!important}.md-view-toggle{background:#0b2035ec!important;color:#e9f6ff!important}
html.wg-shell [data-pf-match=true]{max-width:1580px!important;gap:12px!important}
html.wg-shell [data-pf-match=true] .wg-playstage{min-height:clamp(560px,calc(100svh - 205px),700px)!important;padding-top:18px!important;padding-bottom:18px!important}
html.wg-shell [data-pf-match=true][data-md-game=towers] .wg-playstage{min-height:620px!important}
html.wg-shell [data-pf-match=true][data-md-game=baccarat] .wg-playstage,html.wg-shell [data-pf-match=true][data-md-game=blackjack] .wg-playstage{min-height:540px!important}
.pf-playing-card{flex:none!important;border-radius:9px!important;box-shadow:0 8px 20px #0003}
.pf-playing-card>span:first-child{font-size:29px!important}.pf-playing-card>span:nth-child(2){font-size:23px!important}
.pf-hand-panel{align-items:stretch!important}.pf-hand-panel>span:first-child{align-self:flex-start}
/* Compact Arena, generous outer breathing room; collapse choreography is untouched. */
html.wg-shell .cb-screen{max-width:1570px!important;padding:10px 26px 28px!important;gap:9px!important}
html.wg-shell .cb-page-heading{min-height:38px!important;padding:0 2px!important}.cb-page-heading h1{font-size:23px!important}
html.wg-shell .cb-main{grid-template-columns:minmax(0,1fr) 264px!important;gap:26px!important}
html.wg-shell .cb-hero{height:64px!important;min-height:64px!important;background-size:cover!important;background-position:50% 47%!important}
.cb-hero-copy{padding:8px 16px!important;max-width:75%!important}.cb-hero h2{font-size:25px!important;margin:0!important}.cb-hero .cb-kicker{display:none}.cb-hero-note{font-size:10px!important}
.cb-board{gap:6px!important}
html.wg-shell .cb-battle-row:not([data-closing="1"]){--pf-row:clamp(76px,calc((100svh - 290px)/7),108px);min-height:var(--pf-row)!important;max-height:none!important;grid-template-columns:92px minmax(0,1fr) 150px!important;gap:6px!important;padding:3px 8px!important;border-radius:9px!important}
html.wg-shell .cb-battle-row .cb-cases{min-height:0!important;height:calc(var(--pf-row) - 8px)!important;gap:1px!important}
html.wg-shell .cb-battle-row .cb-case-plinth{width:calc(var(--pf-row) + 4px)!important;height:calc(var(--pf-row) - 8px)!important;min-width:0!important}
html.wg-shell .cb-battle-row .cb-case-plinth img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain}
html.wg-shell .cb-battle-row .cb-meta{gap:2px!important;padding:0 4px!important}.cb-meta .cb-state{flex-direction:row!important;font-size:9px!important;gap:5px!important}.cb-meta .cb-state img{width:17px!important;height:17px!important}.cb-meta .cb-pot{font-size:17px!important}
html.wg-shell .cb-battle-row .cb-crew{gap:3px!important}.cb-crew button{min-height:30px!important;padding:3px 7px!important}.cb-crew .cb-seat{width:25px!important;height:27px!important}.cb-crew .cb-seats{min-height:27px!important;gap:3px!important}
/* Skins never hide their chat; the middle remains independent of the navigation. */
html.wg-shell [data-md-game=coinflip],html.wg-shell [data-md-game=upgrader]{max-width:1570px!important;padding:12px 26px 30px!important;gap:26px!important}
html.wg-shell [data-md-game=cases]{max-width:1570px!important;padding:12px 26px 30px!important}
.pf-cases-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:26px;align-items:start}.pf-cases-content{min-width:0;display:flex;flex-direction:column;gap:12px}.pf-cases-chat{position:sticky;top:86px;min-height:650px}
[data-md-game=coinflip] .md-view-toggle,[data-md-game=upgrader] .md-view-toggle,[data-md-game=cases] .md-view-toggle{display:none!important}
.md-flip-row{grid-template-columns:104px minmax(0,1fr) 106px 144px!important;column-gap:12px!important;background:linear-gradient(110deg,#183149,#112236)!important;border-color:#2f4962!important}
.md-flip-row:nth-child(2n){background:linear-gradient(110deg,#152c43,#102033)!important}
.pf-flip-players{grid-column:1;grid-row:1}.pf-flip-skins{grid-column:2;grid-row:1}.pf-flip-pot{grid-column:3;grid-row:1}.md-flip-row>button,.md-flip-row>span:last-child:not(.pf-flip-skins){grid-column:4;grid-row:1}
.pf-player{position:relative;display:inline-flex;flex:none}.pf-player-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #668aab;background:linear-gradient(145deg,#2b4c6a,#142439);font-size:13px;font-weight:750;color:#e5f3fc}
.pf-player .md-small-coin{position:absolute!important;width:19px!important;height:19px!important;right:-3px;bottom:-3px}
.pf-flip-pot>span:before{content:'POT';display:block;font-size:9px;letter-spacing:.12em;color:#92a9bd;margin-bottom:5px}.pf-flip-pot img{height:15px!important;max-width:46px;object-fit:contain}
.md-flip-row .md-flip-skin{width:74px!important;height:72px!important}.md-flip-row .md-flip-skin img{max-width:72px!important;max-height:68px!important}
.pf-flip-winner{justify-content:flex-start!important;letter-spacing:0!important;background:#1c3449!important;border-color:#486078!important}.pf-flip-winner svg{width:23px;height:23px;color:#eac474;flex:none}.pf-flip-winner span{min-width:0;text-align:left}.pf-flip-winner small{display:block;color:#adc0ce;font-size:9px;letter-spacing:.12em}.pf-flip-winner strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96px;font-size:12px;color:#eef6fd}
/* Dedicated, filtered destinations reuse the existing catalogue and account shell. */
.pf-category .wg-lobby-columns>div:first-child>*:not(.pf-category-catalogue){display:none!important}
.pf-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pf-category-grid .wg-game{min-height:0!important;aspect-ratio:4/5}.pf-category-grid .wg-game-art{position:absolute;inset:0;background-size:cover;background-position:center}.pf-category-grid .wg-game-title{position:relative;z-index:1;padding:15px}
.pf-category-heading{padding:14px 0 20px}.pf-category-heading>span{font-size:10px;letter-spacing:.2em;color:#81bedd}.pf-category-heading h1{font-size:34px;margin:8px 0}.pf-category-heading p{color:#a6bdcf;margin:0;font-size:14px}
@media(max-width:1199px) and (min-width:720px){html.wg-shell .cb-main{grid-template-columns:minmax(0,1fr) 230px!important;gap:18px!important}html.wg-shell .cb-screen{padding-left:18px!important;padding-right:18px!important}.md-flip-row{grid-template-columns:90px minmax(0,1fr) 90px 120px!important;column-gap:8px!important}.md-flip-row .md-flip-skin{width:58px!important}.pf-flip-winner strong{max-width:70px}.pf-cases-layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}}
@media(max-width:900px){.pf-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.md-banner h1{font-size:23px!important}.pf-toolbar{gap:5px}.md-view-toggle{padding:8px!important}.md-view-toggle span{font-size:11px}}
@media(max-width:719px){html.wg-shell .md-banner{min-height:112px!important;padding:12px!important;flex-wrap:wrap!important;gap:10px!important;background-position:65% 50%!important}.pf-toolbar{margin-left:0;gap:8px;width:100%}.pf-toolbar .md-view-toggle{margin-left:auto}.md-banner h1{font-size:25px!important}.pf-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-category-heading h1{font-size:28px}
html.wg-shell [data-pf-match=true] .wg-playstage{min-height:420px!important}html.wg-shell [data-pf-match=true][data-md-game=towers] .wg-playstage{min-height:580px!important}html.wg-shell [data-pf-match=true][data-md-game=baccarat] .wg-playstage,html.wg-shell [data-pf-match=true][data-md-game=blackjack] .wg-playstage{min-height:400px!important}.pf-playing-card>span:first-child{font-size:20px!important}.pf-playing-card>span:nth-child(2){font-size:16px!important}
html.wg-shell .cb-screen{padding:8px!important}html.wg-shell .cb-main{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}.cb-unit-note{max-width:145px}.cb-hero-copy{max-width:95%!important}.cb-hero h2{font-size:23px!important}
html.wg-shell .cb-battle-row:not([data-closing="1"]){--pf-row:88px;grid-template-columns:76px minmax(0,1fr)!important;min-height:128px!important;padding:4px 6px!important}.cb-battle-row .cb-crew{grid-column:1/-1!important;grid-row:2!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.cb-crew button{min-height:44px!important}.cb-crew .cb-seats{flex:1}
html.wg-shell [data-md-game=coinflip],html.wg-shell [data-md-game=upgrader],html.wg-shell [data-md-game=cases]{padding:10px 8px 24px!important;gap:12px!important}.pf-cases-layout{grid-template-columns:minmax(0,1fr)}.pf-cases-chat{position:static;min-height:500px}
.md-flip-row{display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;gap:8px!important;padding:10px!important}.pf-flip-players{grid-column:1;grid-row:1}.pf-flip-skins{grid-column:2;grid-row:1}.pf-flip-pot{grid-column:1;grid-row:2}.md-flip-row>button,.md-flip-row>span:last-child:not(.pf-flip-skins){grid-column:2;grid-row:2}.md-flip-row .md-flip-skin{width:55px!important;height:58px!important}.md-flip-row .md-flip-skin img{max-width:54px!important;max-height:55px!important}.pf-flip-winner{min-height:44px!important}.pf-flip-winner strong{max-width:130px}
}
/* Final Arena typography fits the compact rows without truncating entry values. */
@media(min-width:720px){html.wg-shell .cb-battle-row:not([data-closing="1"]){grid-template-columns:116px minmax(0,1fr) 164px!important}html.wg-shell .cb-meta .cb-row-state{flex-direction:row!important;align-items:center!important;gap:5px!important;min-height:18px}html.wg-shell .cb-meta .cb-row-state>span{font-size:10px!important;line-height:1.15!important}html.wg-shell .cb-meta .cb-row-state .cb-icon{width:17px!important;height:17px!important;flex:none}html.wg-shell .cb-meta .cb-row-pot{font-size:18px!important;line-height:1.1!important}html.wg-shell .cb-meta .cb-row-detail{font-size:9px!important;line-height:1.15!important}html.wg-shell .cb-crew>span:first-child{min-height:28px!important}html.wg-shell .cb-crew .cb-seat-slot button{height:28px!important;min-height:28px!important;width:28px!important;min-width:28px!important;padding:0!important}html.wg-shell .cb-crew .cb-seat-slot button>span{transform:scale(.86)}html.wg-shell .cb-crew .cb-actions button{min-height:32px!important;padding:3px 5px!important}.cb-actions .cb-action-label{font-size:10px!important}.cb-page-heading{margin:0!important}}
@media(max-width:719px){html.wg-shell .cb-battle-row:not([data-closing="1"]){grid-template-columns:90px minmax(0,1fr)!important}.cb-battle-row .cb-meta{grid-column:1!important;grid-row:1!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;flex-wrap:nowrap!important}.cb-meta .cb-row-detail{max-width:100%!important;margin-left:0!important}.cb-battle-row .cb-cases{grid-column:2!important;grid-row:1!important}.cb-battle-row .cb-case-plinth{flex-shrink:0!important;max-width:92px!important}.cb-battle-row .cb-crew{grid-row:2!important}.cb-meta .cb-row-pot{font-size:17px!important}}
html.wg-shell .md-flip-row{grid-template-columns:104px minmax(0,1fr) 106px 144px!important;column-gap:12px!important}html.wg-shell .md-flip-row .md-flip-skin{width:74px!important;height:72px!important}html.wg-shell .md-flip-row .md-flip-skin img{max-width:72px!important;max-height:68px!important}
html.wg-shell [data-md-game=cases]>.md-banner+.pf-cases-layout{opacity:1!important;font-size:inherit}
@media(max-width:1199px) and (min-width:720px){html.wg-shell .md-flip-row{grid-template-columns:90px minmax(0,1fr) 90px 120px!important;column-gap:8px!important}}
@media(max-width:719px){html.wg-shell .md-flip-row{grid-template-columns:94px minmax(0,1fr)!important;gap:8px!important}html.wg-shell .md-flip-row .md-flip-skin{width:55px!important;height:58px!important}html.wg-shell .md-flip-row .md-flip-skin img{max-width:54px!important;max-height:55px!important}}
html.wg-shell [data-pf-match=true] [data-screen-label="DESK"]{display:none!important}
/* Keep the small-screen table hands inside their own lanes. */
.pf-hand-panel>div{min-width:0;justify-content:center}
@media(max-width:719px){.pf-hand-panel{padding:10px 6px!important}.pf-hand-panel>div{justify-content:flex-start}}
@media(max-width:719px){html.wg-shell [data-md-game=towers] .pf-tower-readout{top:14px!important;left:12px!important;right:154px!important}.pf-tower-readout>span:first-child{font-size:9px!important}.pf-tower-readout>span:nth-child(2){font-size:40px!important}.pf-tower-readout>span:last-child{font-size:9px!important}html.wg-shell [data-md-game=towers] .pf-tower-stats{top:104px!important;left:12px!important;right:12px!important;align-items:stretch!important}.pf-tower-stats>div:first-child{display:none!important}.pf-tower-stats>div:last-child{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.pf-tower-stats>div:last-child>div{min-width:0!important;padding:8px 6px!important}.pf-tower-stats>div:last-child>div:first-child{position:absolute;right:0;top:-90px;width:136px!important}.pf-tower-stats span[style*="font-size: 9px"]{font-size:9px!important}}
.pf-skin-chat{width:100%;height:clamp(420px,calc(100svh - 295px),680px);flex:none;min-width:0}.pf-skin-chat>.sc-host,.pf-skin-chat .wg-chat-room{height:100%!important;min-height:0!important}
html.wg-shell :is([data-md-game=coinflip],[data-md-game=upgrader],.cb-main)>aside{height:auto!important;min-height:0!important;top:84px!important}
.pf-cases-chat{min-height:0!important}
@media(max-width:719px){.pf-skin-chat{height:500px}}
html.wg-shell [data-md-game=towers][data-pf-narrow=true] .pf-tower-readout{top:14px!important;left:12px!important;right:154px!important}
[data-md-game=towers][data-pf-narrow=true] .pf-tower-readout>span:first-child{font-size:9px!important}[data-md-game=towers][data-pf-narrow=true] .pf-tower-readout>span:nth-child(2){font-size:40px!important}[data-md-game=towers][data-pf-narrow=true] .pf-tower-readout>span:last-child{font-size:9px!important}
html.wg-shell [data-md-game=towers][data-pf-narrow=true] .pf-tower-stats{top:104px!important;left:12px!important;right:12px!important;align-items:stretch!important}
[data-md-game=towers][data-pf-narrow=true] .pf-tower-stats>div:first-child{display:none!important}[data-md-game=towers][data-pf-narrow=true] .pf-tower-stats>div:last-child{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}[data-md-game=towers][data-pf-narrow=true] .pf-tower-stats>div:last-child>div{min-width:0!important;padding:8px 6px!important}[data-md-game=towers][data-pf-narrow=true] .pf-tower-stats>div:last-child>div:first-child{position:absolute;right:0;top:-90px;width:136px!important}
html.wg-shell .cb-battle-row .cb-cases{flex-wrap:nowrap!important;overflow:hidden!important;gap:8px!important;min-width:0;max-width:100%;height:calc(var(--pf-row) - 8px)!important;scroll-behavior:smooth}
html.wg-shell .cb-battle-row:not([data-closing="1"]){max-height:none!important}
html.wg-shell .cb-battle-row .cb-cases .cb-case-plinth{width:calc(var(--pf-row) + 4px)!important;min-width:calc(var(--pf-row) + 4px)!important;max-width:calc(var(--pf-row) + 4px)!important;flex:0 0 calc(var(--pf-row) + 4px)!important}
html.wg-shell .cb-battle-row .cb-cases .cb-case-plinth>img{max-width:100%!important;object-fit:contain}
html.wg-shell .pf-flip-skins{flex-wrap:wrap!important;overflow:visible!important;gap:8px!important;min-width:0;max-width:100%;padding-bottom:3px}
html.wg-shell .pf-flip-skins>*{max-width:100%;min-width:0}

/* 13 September follow-up: tile-black arena rows and left-aligned case art. */
html.wg-shell .cb-board .cb-battle-row,
html.wg-shell .cb-board .cb-battle-row:not([data-closing="1"]),
html.wg-shell .md-flip-row,
html.wg-shell .md-flip-row:nth-child(2n){background:#081115!important;border-color:#2b3b44!important}
html.wg-shell .cb-battle-row .cb-cases{justify-content:flex-start!important}
.cb-battle-row .cb-actions{width:66%;margin-left:auto;align-self:flex-end}
@media(max-width:1279px){.cb-battle-row .cb-actions{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html.wg-shell .cb-battle-row .cb-cases{scroll-behavior:auto}}
.pf-flip-pot>span:before,.pf-flip-winner small,.cb-row-detail,.cb-action-label{font-size:12px!important;letter-spacing:0!important}