/* Fit both idle and active games between the wallet and navigation. */
.app .gf-root[data-fit-game=stairs]{padding:0!important}
.app .gf-root[data-fit-game=stairs] :is(.st-selector,.st-play-actions){position:static!important;inset:auto!important;transform:none!important;width:100%;max-width:none;box-shadow:none!important;z-index:auto}
.gf-root[data-fit-game=stairs] .st-arena #st-board{background:transparent}
.gf-root[data-fit-game=stairs] .st-field.cr-board{flex:1;min-height:100px;grid-template-columns:minmax(0,1fr) 62px;grid-template-rows:minmax(0,1fr) auto auto;padding:9px;gap:2px;border-radius:17px}
.gf-root[data-fit-game=stairs] .st-arena{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.gf-root[data-fit-game=stairs] .st-arena #st-board{flex:1;width:100%;height:0;min-height:0;margin-top:31px;max-height:none;overflow:hidden}
.gf-root[data-fit-game=stairs] .st-reading.cr-reading{top:0;left:2px}.gf-root[data-fit-game=stairs] .st-reading strong{font-size:25px}.gf-root[data-fit-game=stairs] .st-reading span{font-size:8px}
.gf-root[data-fit-game=stairs] .st-score{width:62px;min-height:0;height:auto}.gf-root[data-fit-game=stairs] .st-score b{font-size:13px}.gf-root[data-fit-game=stairs] .st-score small{font-size:7px}.gf-root[data-fit-game=stairs] .cr-score-stake,.gf-root[data-fit-game=stairs] .cr-score-win{padding:10px 3px}
.gf-root[data-fit-game=stairs] .st-field-bottom{min-height:14px;padding:0 2px}.gf-root[data-fit-game=stairs] .st-field-bottom small{font-size:8px;line-height:1.2}.gf-root[data-fit-game=stairs] .st-board-footer{margin:0;padding:3px 0 0}.gf-root[data-fit-game=stairs] .cr-stats{gap:8px;font-size:8px}.gf-root[data-fit-game=stairs] .cr-stats small{font-size:6px}.gf-root[data-fit-game=stairs] .cr-round-id{font-size:7px;padding:3px 5px}
.gf-root[data-fit-game=stairs] .st-connection{margin:0;padding:1px 2px;min-height:19px;font-size:8px;background:none;border:0}.gf-root[data-fit-game=stairs] .st-connection button{padding:3px 5px;font-size:8px}
.gf-root[data-fit-game=stairs] .st-multipliers{flex:0 0 auto;margin:0;padding:0 0 2px;gap:4px;scrollbar-width:none}.gf-root[data-fit-game=stairs] .st-multipliers>span.cr-pill{min-width:53px;padding:4px 6px;font-size:9px}.gf-root[data-fit-game=stairs] .st-multipliers small{display:inline;margin:0 4px 0 0;font-size:7px}
.gf-root[data-fit-game=stairs] .st-panel.cr-panel{display:flex;flex-direction:column;gap:5px;margin:0;padding:8px;border-radius:16px}.gf-root[data-fit-game=stairs] .st-panel.cr-panel .rf-currency{margin:0;padding:2px}.gf-root[data-fit-game=stairs] .st-panel.cr-panel .rf-currency button{padding:5px;font-size:10px;min-height:25px}
.gf-root[data-fit-game=stairs] .st-panel .control-row{margin:0;height:36px;min-height:36px;padding:3px 7px}.gf-root[data-fit-game=stairs] .st-panel .control-row input{font-size:17px}.gf-root[data-fit-game=stairs] .st-panel .control-row button{font-size:9px;padding:5px}
.gf-root[data-fit-game=stairs] .st-difficulty{margin:0}.gf-root[data-fit-game=stairs] .st-difficulty>div:first-child{font-size:8px;margin-bottom:4px}.gf-root[data-fit-game=stairs] .st-levels button{min-height:29px;font-size:10px}
.gf-root[data-fit-game=stairs] .st-selector{padding:0!important;border:0!important;box-shadow:none!important;background:none!important;margin:0}.gf-root[data-fit-game=stairs] .st-position{gap:5px}.gf-root[data-fit-game=stairs] .st-position button{min-width:32px;min-height:28px;font-size:19px}.gf-root[data-fit-game=stairs] .st-range{margin-top:3px}.gf-root[data-fit-game=stairs] .st-range input{min-height:27px;height:27px;margin:0}.gf-root[data-fit-game=stairs] .st-auto-note,.gf-root[data-fit-game=stairs] .st-limit{display:none}
.gf-root[data-fit-game=stairs] .st-play-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0}.gf-root[data-fit-game=stairs] .st-play-actions .cr-action{min-height:37px!important;padding:7px 5px;font-size:11px}.gf-root[data-fit-game=stairs] #st-start,.gf-root[data-fit-game=stairs] #st-cashout{grid-column:1/-1}.gf-root[data-fit-game=stairs] .st-result{min-height:0;line-height:1.3;font-size:9px;margin:0}.gf-root[data-fit-game=stairs] .st-result:empty{display:none}
/* Locked source and difficulty remain visible in the board's stake/stone indicators. */
.gf-root[data-fit-game=stairs] .st-panel:has(#st-selector:not([hidden])) :is(.rf-currency,#rf-coins,#rf-items,.st-difficulty){display:none!important}
.gf-root[data-fit-game=stairs] #st-pending{padding:5px 7px;font-size:9px;line-height:1.3}.gf-root[data-fit-game=stairs] #st-pending p{margin:0 0 3px}.gf-root[data-fit-game=stairs] #st-pending button{padding:5px;font-size:10px}
/* HiLo uses the remaining height for the cards, not fixed vertical margins. */
.gf-root[data-fit-game=hilo] .hl-connection{margin:0;min-height:19px;font-size:8px}.gf-root[data-fit-game=hilo] .hl-connection button{padding:3px 5px;font-size:8px}
.gf-root[data-fit-game=hilo] .hl-stage{flex:1;min-height:120px;display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:17px}
.gf-root[data-fit-game=hilo] .hl-trail{flex:0 0 29px;min-height:29px;height:29px;margin:0;gap:4px}.gf-root[data-fit-game=hilo] .hl-trail .hl-mini{width:20px;height:29px}.gf-root[data-fit-game=hilo] .hl-mini .hl-card-corner{left:2px;top:2px}.gf-root[data-fit-game=hilo] .hl-mini .hl-card-corner b{font-size:9px}.gf-root[data-fit-game=hilo] .hl-mini .hl-card-corner span{font-size:6px}.gf-root[data-fit-game=hilo] .hl-mini .hl-card-corner.bottom{right:2px;bottom:2px;left:auto;top:auto}
.gf-root[data-fit-game=hilo] .hl-card-scene{flex:1;min-height:0;gap:18px}.gf-root[data-fit-game=hilo] .hl-stack{margin-right:15px}.gf-root[data-fit-game=hilo] .hl-card:not(.hl-mini),.gf-root[data-fit-game=hilo] .hl-card-back{height:clamp(85px,calc(var(--gf-height)*.29),220px);width:auto;aspect-ratio:2/3;border-radius:7px}.gf-root[data-fit-game=hilo] .hl-card-back{left:13px;top:7px}
.gf-root[data-fit-game=hilo] .hl-card:not(.hl-mini) .hl-card-corner b{font-size:clamp(17px,calc(var(--gf-height)*.047),34px)}.gf-root[data-fit-game=hilo] .hl-card:not(.hl-mini) .hl-card-corner span{font-size:clamp(12px,calc(var(--gf-height)*.033),25px)}.gf-root[data-fit-game=hilo] .hl-card:not(.hl-mini) .hl-card-corner{left:7px;top:5px}.gf-root[data-fit-game=hilo] .hl-card:not(.hl-mini) .hl-card-corner.bottom{left:auto;top:auto;right:7px;bottom:5px}.gf-root[data-fit-game=hilo] .hl-card-back b{font-size:12px}.gf-root[data-fit-game=hilo] .hl-metric{min-width:42px}.gf-root[data-fit-game=hilo] .hl-metric strong{font-size:20px}.gf-root[data-fit-game=hilo] .hl-metric>span{font-size:7px;margin-top:3px}
.gf-root[data-fit-game=hilo] .hl-change{margin:0 auto;padding:4px 9px;font-size:10px;min-height:24px}.gf-root[data-fit-game=hilo] #hl-outcome{margin:0;min-height:12px;font-size:9px}.gf-root[data-fit-game=hilo] .hl-stage-footer{margin:0;padding-top:4px;font-size:8px}.gf-root[data-fit-game=hilo] .hl-stage-footer small{font-size:7px}
.gf-root[data-fit-game=hilo] .hl-controls{padding:8px;border-radius:16px;display:flex;flex-direction:column;gap:5px}.gf-root[data-fit-game=hilo] .hl-controls-heading,.gf-root[data-fit-game=hilo] .hl-add{display:none}.gf-root[data-fit-game=hilo] .hl-controls .rf-currency{margin:0;padding:2px}.gf-root[data-fit-game=hilo] .hl-controls .rf-currency button{padding:5px;min-height:25px;font-size:10px}.gf-root[data-fit-game=hilo] .hl-controls .control-row{margin:0;min-height:36px;height:36px;padding:4px 7px}.gf-root[data-fit-game=hilo] .hl-controls .control-row input{font-size:17px}.gf-root[data-fit-game=hilo] .hl-controls .control-row button{font-size:9px;padding:5px}
.gf-root[data-fit-game=hilo] :is(.hl-start,.hl-cashout){min-height:38px!important;padding:7px;font-size:12px}.gf-root[data-fit-game=hilo] .hl-directions{margin:0;gap:5px}.gf-root[data-fit-game=hilo] .hl-directions>button{padding:7px;min-height:49px}.gf-root[data-fit-game=hilo] .hl-directions>button>span{font-size:24px}.gf-root[data-fit-game=hilo] .hl-directions strong{font-size:13px}.gf-root[data-fit-game=hilo] .hl-directions small{font-size:8px}.gf-root[data-fit-game=hilo] .hl-directions b{font-size:10px}.gf-root[data-fit-game=hilo] #hl-result{margin:0;font-size:9px;line-height:1.3;min-height:12px}
.gf-root[data-fit-game=hilo] .hl-controls:has(#hl-start[hidden]) :is(.rf-currency,#rf-coins,#rf-items){display:none!important}
.gf-root[data-fit-game=hilo] .hl-pending{font-size:9px;padding:5px}.gf-root[data-fit-game=hilo] .hl-pending p{margin:0 0 3px}.gf-root[data-fit-game=hilo] .hl-pending button{padding:5px;font-size:10px}
.gf-root[data-fit-short=true][data-fit-game=hilo] .hl-trail,.gf-root[data-fit-short=true][data-fit-game=hilo] .hl-stage-footer{display:none}
.gf-root[data-fit-wide=true][data-fit-game=stairs] .st-field.cr-board{grid-template-columns:minmax(0,1fr) 85px}.gf-root[data-fit-wide=true][data-fit-game=stairs] .st-score{width:85px}.gf-root[data-fit-wide=true][data-fit-game=stairs] .st-score b{font-size:18px}.gf-root[data-fit-wide=true][data-fit-game=hilo] .hl-card:not(.hl-mini),.gf-root[data-fit-wide=true][data-fit-game=hilo] .hl-card-back{height:clamp(95px,calc(var(--gf-height)*.47),300px)}
/* The existing blackjack cards now sit on a felt table, in APVEX colours. */
.app .gf-root[data-fit-game=blackjack] .ext-stage{background-color:#202121;background-image:url('assets/blackjack-table.svg');background-size:100% 100%;background-position:center;border:1px solid #4c3a2b;box-shadow:inset 0 0 36px #0005;position:relative;isolation:isolate}
.gf-root[data-fit-game=blackjack] .ext-stage>small{color:#c5b5a4;font-size:9px;letter-spacing:1px;font-weight:700;text-shadow:0 1px 3px #000}.gf-root[data-fit-game=blackjack] .ext-cards{background:none}
.mn-cell .mn-art.gift-art{width:78%;height:78%;filter:none}
.gf-root[data-fit-game=hilo] .hl-card:not(.hl-mini),.gf-root[data-fit-game=hilo] .hl-card-back{height:var(--hl-card-height,120px)}
.gf-root[data-fit-game=hilo] .hl-card:not(.hl-mini) .hl-card-corner b{font-size:clamp(12px,calc(var(--hl-card-height,120px)*.17),34px)}.gf-root[data-fit-game=hilo] .hl-card:not(.hl-mini) .hl-card-corner span{font-size:clamp(9px,calc(var(--hl-card-height,120px)*.12),25px)}
.gf-root[data-fit-game=hilo] .hl-controls:has(#hl-start:not([hidden])) .hl-directions{display:none}
.gf-root[data-fit-game=hilo] .hl-controls .coin{background:#ff922e;color:#21170f}
.gf-root[data-fit-game=hilo] .hl-change{position:relative;z-index:2;flex-shrink:0}
.app .gf-root[data-fit-game=hilo] .hl-cashout{background:#ff922e;border-color:#ff922e;color:#21170f}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=hilo] .hl-controls{padding:5px;gap:3px}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=hilo] #hl-result{font-size:8px;line-height:1.2}