/* One portrait frame for every game. No authentication or game state changes. */
body.pg-game-page{--pg-height:100dvh;margin:0;padding:0;background:#080f12}
body.pg-game-page>main,body.pg-game-page.op-page>.op-app,body.pg-game-page.oc-page[data-game=blackjack]>main{box-sizing:border-box;width:min(100%,calc(var(--pg-height)*.5625));max-width:480px;height:var(--pg-height);min-height:0;margin:0 auto;padding:0 8px;display:flex;flex-direction:column;gap:3px;position:relative;box-shadow:none}
body.pg-game-page main>*{flex-shrink:0;min-width:0}
body.pg-game-page :is(.pg-game-titlebar,.op-header){position:relative;height:48px;min-height:48px;margin:0 -8px;padding:0 8px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;background:#11191e;flex:none}
body.pg-game-page .pg-game-titlebar h1,body.pg-game-page .op-title{position:absolute;left:50%;transform:translateX(-50%);top:0;height:44px;display:flex;align-items:center;justify-content:center;margin:0;pointer-events:none;text-align:center;width:max-content;max-width:calc(100% - 96px)}
body.pg-game-page .op-title h1,body.pg-game-page .pg-game-titlebar h1{font:800 16px/1 Arial,sans-serif;letter-spacing:1.5px;color:#f4f0e5}
body.pg-game-page .pg-game-titlebar strong,body.pg-game-page .op-header-coins{position:absolute;right:12px;top:42px;font-size:12px;line-height:20px;z-index:2}
body.pg-game-page .pg-game-titlebar>*:last-child:not(h1):not(strong){grid-column:3}
body.pg-game-page .pg-game-back{grid-column:1;grid-row:1;width:44px;height:44px;padding:0!important;font-weight:900!important}
.pg-back-arrow{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
body.pg-game-page :is(.oc-note,.os-note,.osl-note,.pl-footnote,.chi-quick-guide,.osl-mode){display:none}
body.pg-game-page main>p[role=status]{min-height:0;margin:2px 0;font-size:10px;line-height:1.3}
body.pg-game-page :is(button,.button){touch-action:manipulation}
body.pg-game-page main>.pg-game-titlebar{margin-bottom:16px}
body.pg-game-page .pg-title-tools{display:flex;gap:5px;margin-left:auto;align-items:center}
body.pg-game-page .pg-overlay-trigger{min-height:44px;padding:4px 10px;font-size:12px}
body.pg-game-page .pg-layout-dialog{position:fixed;inset:12px;margin:auto;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;padding:14px;border:1px solid #6b817a;border-radius:12px;background:#112620;color:#f5efdc;z-index:100}
.pg-layout-dialog::backdrop{background:#000a}.pg-layout-dialog .pg-overlay-close{display:block;margin:0 0 8px auto;min-height:44px;min-width:44px;background:#203a32;color:white;border:1px solid #637d6b;border-radius:7px}
body.pg-game-page .pg-layout-dialog details{display:block;position:static;max-height:none;box-shadow:none;padding:0;border:0}
/* Blackjack */
body.pg-game-page[data-game=blackjack] #ocBoard{min-height:170px;flex:1}
body.pg-game-page[data-game=blackjack] .oc-card{height:clamp(68px,calc(var(--pg-height)*.16),115px);width:76px;flex-basis:76px}
/* Poker */
body.pg-game-page.op-page .op-topbar{margin:0 -8px}
body.pg-game-page.op-page .op-header{margin:0}
body.pg-game-page.op-page .op-tablebar{height:24px;flex:none;padding-right:100px}
body.pg-game-page.op-page .op-stage{flex:1;min-height:220px}
body.pg-game-page.op-page #opBoard{height:100%;min-height:0}
body.pg-game-page.op-page .op-dock{padding:4px 6px}
body.pg-game-page.op-page .op-main-actions .button{min-height:44px;height:44px}
body.pg-game-page.op-page .op-presets{margin-bottom:4px}
/* Chinchiro */
body.pg-game-page.official-chi-page .chi-steps{margin:0;gap:3px}
body.pg-game-page.official-chi-page .chi-steps li{padding:3px;font-size:10px}
body.pg-game-page.official-chi-page #chiFunds{margin:0;min-height:0;font-size:10px}
body.pg-game-page.official-chi-page .chi-table{flex:1;min-height:180px;display:flex;flex-direction:column;justify-content:center;padding:4px}
body.pg-game-page.official-chi-page #chiBoard{height:auto;min-height:0;padding:4px}
body.pg-game-page.official-chi-page .official-dice-row{margin:6px 0}
body.pg-game-page.official-chi-page #chiResult{min-height:0;padding:3px;gap:2px}
body.pg-game-page.official-chi-page #chiResult:empty{display:none}
body.pg-game-page.official-chi-page #chiControls{padding:6px;gap:4px}
body.pg-game-page.official-chi-page #chiRisk{min-height:0;font-size:10px;line-height:1.2}
body.pg-game-page.official-chi-page #chiTurn{margin:0;min-height:0}
body.pg-game-page.official-chi-page #chiControls button{min-height:44px;padding:4px;font-size:12px}
/* Plinko */
body.pg-game-page.pl-stream .pl-wallet{display:none}
body.pg-game-page.pl-stream .pl-risk{margin:0;padding:3px;gap:3px}
body.pg-game-page.pl-stream .pl-risk button{min-height:44px}
body.pg-game-page.pl-stream #plRiskHint{margin:0;font-size:10px;min-height:0}
body.pg-game-page.pl-stream .pl-board-label{padding:2px 4px}
body.pg-game-page.pl-stream #plBoard{flex:1;min-height:130px;height:auto;max-height:none;aspect-ratio:auto;box-shadow:none;display:flex;justify-content:center}
body.pg-game-page.pl-stream #plBoard svg{height:100%;width:100%;max-height:100%;object-fit:contain}
body.pg-game-page.pl-stream .pl-color-key{margin:0;font-size:8px}
body.pg-game-page.pl-stream #plHistory{padding:0;min-height:20px}
body.pg-game-page.pl-stream #plResult{height:auto;min-height:0}
body.pg-game-page.pl-stream #plResult:empty{display:none}
body.pg-game-page.pl-stream #plBetArea{padding:6px;gap:4px;min-height:0}
body.pg-game-page.pl-stream #plBetArea button{min-height:44px}
body.pg-game-page.pl-stream #plStakeHelp{margin:0;min-height:0;font-size:9px}
body.pg-game-page.pl-stream .pl-summary{margin:0;padding:4px;font-size:10px}
/* High & Low */
body.pg-game-page[data-game=highlow] #ocBoard{flex:1;min-height:180px;height:auto;padding:4px;justify-content:center;gap:5px}
body.pg-game-page[data-game=highlow] .hl-brand{display:none}
body.pg-game-page[data-game=highlow] .hl-duel{margin:4px 0;gap:8px}
body.pg-game-page[data-game=highlow] .oc-card{height:100px;width:72px}
body.pg-game-page[data-game=highlow] .hl-question{font-size:13px;margin:0}
body.pg-game-page[data-game=highlow] #ocResult{height:auto;min-height:0;padding:3px}
body.pg-game-page[data-game=highlow] #ocResult:empty{display:none}
body.pg-game-page[data-game=highlow] #ocHelp{min-height:0;font-size:9px;margin:0}
body.pg-game-page[data-game=highlow] .oc-play-actions button{min-height:54px;padding:4px}
body.pg-game-page[data-game=highlow] .oc-actions{margin:2px 0}
body.pg-game-page[data-game=highlow] .oc-actions button{min-height:44px}
/* Roulette: the full betting board opens as a panel, keeping the wheel and spin accessible. */
body.pg-game-page.os-page .roulette-stage{flex:1;min-height:180px;padding:0;display:flex;align-items:center;justify-content:center}
body.pg-game-page.os-page #osBoard{height:100%;max-height:280px;min-height:0;width:100%}
body.pg-game-page.os-page #osResult{height:auto;min-height:0;padding:4px}
body.pg-game-page.os-page #osResult:empty{display:none}
body.pg-game-page.os-page .roulette-action-dock{padding:5px;margin:0;gap:4px}
body.pg-game-page.os-page #osStakeHelp{min-height:0;margin:2px 0;font-size:11px}
body.pg-game-page.os-page .os-betrow,body.pg-game-page.os-page .os-chips{margin:3px 0}
body.pg-game-page.os-page .os-actions{margin:0}
body.pg-game-page.os-page .os-actions button{min-height:44px}
/* Slot */
body.pg-game-page.osl-page .osl-machine{flex:1;min-height:300px;padding:6px;display:flex;flex-direction:column;justify-content:space-evenly;box-shadow:none}
body.pg-game-page.osl-page .osl-machine h2{font-size:20px;margin:0}
body.pg-game-page.osl-page .osl-reels{height:140px;flex:none}
body.pg-game-page.osl-page .osl-reel{height:128px}
body.pg-game-page.osl-page .osl-counters{margin:2px 0}
body.pg-game-page.osl-page .osl-lamp{height:32px;font-size:26px}
body.pg-game-page.osl-page :is(#oslHint,#oslStatus){min-height:0;margin:2px 0;font-size:10px}
body.pg-game-page.osl-page :is(.osl-actions,.osl-bets){margin:2px 0}
body.pg-game-page.osl-page .osl-actions button{min-height:44px}
body.pg-game-page.official-chi-page #chiBoard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-height:0}
body.pg-game-page.official-chi-page .chi-table-brand{display:none}
body.pg-game-page.official-chi-page .official-dice-seat{display:flex;flex-direction:column;gap:3px;padding:0}
body.pg-game-page.official-chi-page .chi-bowl{width:140px;max-width:100%;height:84px;margin:3px 0}
body.pg-game-page.official-chi-page .official-die{width:27px;height:27px;padding:4px;gap:2px}
body.pg-game-page.official-chi-page .official-dice-row{gap:4px}
body.pg-game-page.official-chi-page .official-role{font-size:15px;padding:2px 6px;min-width:0}
body.pg-game-page.official-chi-page .chi-hand-hint{font-size:9px;min-height:0;line-height:1.2;margin:0}
body.pg-game-page.official-chi-page .chi-table{min-height:160px}
body.pg-game-page.official-chi-page #chiResult[data-outcome]{min-height:0;margin:0;padding:3px}
body.pg-game-page.official-chi-page #chiResult strong{font-size:21px}
body.pg-game-page.os-page .roulette-stage{flex-direction:column}
body.pg-game-page.os-page .roulette-action-dock{position:static;backdrop-filter:none;box-shadow:none}
