/* Respond to the space left by navigation/chat, rather than viewport alone. */
#root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page,.limbo-page){container:original-game / inline-size;min-width:0;position:relative;z-index:0;isolation:isolate}
#root :is(.game-shell,.tower-shell,.keno-shell,.dice-shell,.bj-game,.plinko-shell,.limbo-shell){min-width:0;max-width:100%;box-sizing:border-box}
#root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page,.limbo-page) :is(input,select){min-width:0;max-width:100%;box-sizing:border-box}
#root :is(.amount-field,.amount-input,.profit-input,.bj-field,.plinko-amount,.limbo-amount){min-width:0}
#root :is(.amount-field,.amount-input,.profit-input,.bj-field,.plinko-amount,.limbo-amount) input{flex:1 1 0%;width:0;min-width:0;font-variant-numeric:tabular-nums}
#root .mines-page .board-area,#root .mines-page .board-stage,#root .mines-page .board-wrap{min-width:0;max-width:100%;box-sizing:border-box}
#root .mines-page .mines-grid{min-width:0;width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}
#root .mines-page .mines-grid>.tile{min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:1}
#root .mines-page .multiplier-rail{grid-template-columns:32px minmax(0,1fr) 32px;min-width:0}
#root .mines-page .multiplier-rail>.multiplier-track{display:flex;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;gap:8px}
#root .mines-page .multiplier-track>.multiplier-step{flex:1 0 75px;min-width:75px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}
#root .mines-page .multiplier-step strong{font-size:11px;white-space:nowrap}
#root .tower-page .tower-board-area{min-width:0;max-width:100%;box-sizing:border-box}
#root .tower-page .floor-meta{right:calc(100% + 12px);width:50px}
#root .tower-page .floor-meta strong{font-size:clamp(10px,1.3cqi,12px);white-space:nowrap}
#root .keno-page .keno-game,#root .keno-page .keno-board-stage,#root .keno-page .number-grid{min-width:0;max-width:100%}
#root .limbo-page .limbo-stage{container:limbo-stage / inline-size}
#root .limbo-page .limbo-number{max-width:100%;font-size:clamp(22px,7.5cqi,96px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#root :is(.dice-page .dice-odds,.limbo-page .limbo-odds)>div{min-width:0}
#root :is(.dice-odds-input,.limbo-input){min-width:0;max-width:100%;box-sizing:border-box}
#root :is(.dice-odds-input,.limbo-input) input{min-width:0;flex:1 1 0%;width:0}
#root :is(.dice-odds-input,.limbo-input)>span{flex:none}
#root .original-game-footer{min-width:0;box-sizing:border-box}
@container original-game (max-width:1100px){
 #root :is(.mines-page .game-shell,.tower-page .tower-shell,.keno-page .keno-shell,.dice-page .dice-shell,.plinko-page .plinko-shell,.limbo-page .limbo-shell){grid-template-columns:minmax(0,1fr)}
 #root :is(.mines-page .control-card,.tower-page .controls,.keno-page .keno-controls,.dice-page .dice-controls,.plinko-page .plinko-controls,.limbo-page .limbo-controls){min-width:0;min-height:0;height:auto;border-right:0}
 #root .mines-page .board-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:600px;margin-inline:auto}
 #root .mines-page .board-wrap{grid-column:1/-1;grid-row:1;justify-self:center;width:min(100%,520px);padding:12px}
 #root .mines-page .count-card{display:flex;align-items:center;justify-content:center;grid-row:2;min-height:62px;height:auto;padding:12px;overflow:hidden}
 #root .mines-page .count-card strong{font-size:23px}
 #root .mines-page .count-card .art-scene{display:none}
 #root .mines-page .count-copy{text-align:center}
 #root .tower-page .tower-shell .stage{padding:24px 16px;min-height:480px}
 #root .dice-page .dice-shell .dice-stage{min-height:440px}
 #root .plinko-page .plinko-stage{min-height:340px;padding:18px 12px}
 #root .limbo-page .limbo-stage{min-height:340px}
 #root .limbo-page .limbo-playfield{min-height:220px;padding:25px 0}
 #root .bj-page .bj-game{display:flex;flex-direction:column}
 #root .bj-page .bj-table{order:0;width:100%;min-width:0;min-height:420px;box-sizing:border-box}
 #root .bj-page .bj-controls{order:1;min-width:0}
}
@container original-game (max-width:560px){
 #root :is(.amount-field,.amount-input,.plinko-amount,.limbo-amount,.bj-field)>button{width:32px;min-width:32px;flex:0 0 32px;padding-inline:0;font-size:11px}
 #root :is(.amount-field,.amount-input,.profit-input,.plinko-amount,.limbo-amount,.bj-field) input{font-size:12px!important}
 html body #root .tower-page .tower-shell .stage{padding:60px 16px 62px!important}
 #root :is(.mines-page .game-shell,.tower-page .tower-shell,.keno-page .keno-shell,.bj-page .bj-game){padding:12px;gap:12px}
 #root .mines-page .board-area{padding:10px}
 #root .mines-page .board-wrap{padding:8px}
 #root .mines-page .mines-grid{gap:6px}
 #root .dice-page .dice-odds,#root .limbo-page .limbo-odds{grid-template-columns:minmax(0,1fr);gap:12px}
 #root .dice-page .dice-odds label,#root .limbo-page .limbo-odds label{font-size:12px!important}
 #root .keno-page .number-grid{gap:5px}
 #root .original-game-footer{gap:8px;padding-inline:12px}
 #root .original-game-footer .original-game-brand{min-width:0}
}