/* One play area: the board, wager and live action stay together. */
.casino-site #gameScreen .original-settings-button{display:none}
.casino-site #gameScreen .original-settings-sheet{width:min(480px,100%);max-width:100%;max-height:85svh;padding:20px;border:1px solid #3b506a;border-radius:20px 20px 0 0;background:#151f34;color:#edf7f6;overscroll-behavior:contain}
.casino-site #gameScreen .original-settings-sheet:not([open]){display:none}
.casino-site #gameScreen .original-settings-sheet::backdrop{background:#040915b8;backdrop-filter:blur(5px)}
.casino-site #gameScreen .original-settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.casino-site #gameScreen .original-settings-heading h2{font-size:19px;margin:0}
.casino-site #gameScreen #originalSettingsClose{width:44px;height:44px;border-radius:10px;background:#26364c;color:#e9f6ee;font-size:20px}
.casino-site #gameScreen .original-settings-done{width:100%;min-height:48px;margin-top:18px}
.casino-site #gameScreen .original-settings-body>.wager-shortcuts{margin:0 0 20px}
.casino-site #gameScreen .original-settings-body>.wager-shortcuts:before{content:'Adjust wager';display:block;font-size:12px;color:#aebed8;grid-column:1/-1}
.casino-site #gameScreen .original-settings-body #gameSettings{display:block}
.casino-site #gameScreen .original-settings-body .original-choice{min-height:44px}
.casino-site #gameScreen .original-settings-body .control-field input{font-size:16px}
@media(max-width:950px){
 .casino-site[data-layout=casino][data-view=game]{--header-height:48px;--rail-width:0px;padding-bottom:0}
 .casino-site[data-layout=casino][data-view=game] .app-shell{margin-left:0;padding-bottom:0}
 .casino-site[data-layout=casino][data-view=game] .topbar{height:48px;min-height:48px;padding:0 10px;gap:8px}
 .casino-site[data-layout=casino][data-view=game] .topbar-brand{width:auto;max-width:140px;padding:0;gap:6px}
 .casino-site[data-layout=casino][data-view=game] .topbar-brand .vexroll-logo{width:103px}
 .casino-site[data-layout=casino][data-view=game] .sidebar{top:48px;transform:translateX(-100%);width:240px}
 .casino-site[data-layout=casino][data-view=game] .sidebar.open{transform:translateX(0)}
 .casino-site[data-layout=casino][data-view=game] .sidebar-scrim.show{top:48px}
 .casino-site[data-layout=casino][data-view=game] .menu-button{display:flex}
 .casino-site[data-layout=casino][data-view=game] .mobile-dock{display:none}
 .casino-site[data-layout=casino][data-view=game] main{padding:8px 8px 24px;max-width:760px;margin:auto}
 .casino-site[data-layout=casino][data-view=game] :is(#activitySection,.page-footer){margin-top:28px}
 .casino-site[data-layout=casino] #gameScreen .game-page-heading{height:32px;min-height:32px;margin:0 2px 4px;gap:8px;flex-wrap:nowrap}
 .casino-site #gameScreen .back-link{font-size:12px;gap:5px;min-height:32px;display:inline-flex;align-items:center}
 .casino-site #gameScreen .play-mode-switch{padding:2px;gap:2px}
 .casino-site #gameScreen .play-mode-switch button{padding:6px 10px;font-size:10px}
 .casino-site[data-layout=casino] #gameScreen .game-title-row{height:38px;margin:0 2px 8px;gap:8px}
 .casino-site[data-layout=casino] #gameScreen .game-title-row h1{font-size:22px;gap:8px}
 .casino-site #gameScreen .game-title-row h1 .icon{width:22px;height:22px}
 .casino-site #gameScreen :is(.sound-button,.game-rules){min-height:36px;padding:6px 8px;font-size:11px}
 .casino-site #gameScreen .sound-button>span{display:none}
 .casino-site #gameScreen .game-layout{display:flex;flex-direction:column;min-height:0;border-radius:14px;overflow:hidden}
 .casino-site #gameScreen .play-surface{order:0;width:100%;height:clamp(320px,calc(100svh - 278px),520px);min-height:0;flex:none;overflow:hidden;display:flex;flex-direction:column}
 .casino-site #gameScreen .surface-top{flex:none;padding:10px 12px;font-size:9px;line-height:12px;letter-spacing:1px}
 .casino-site #gameScreen .game-controls{order:1;width:100%;display:grid;grid-template-columns:minmax(95px,.8fr) minmax(0,1.5fr);grid-template-rows:auto auto auto;padding:10px;gap:7px 9px;align-items:stretch;border-top:1px solid #31415a;position:relative}
 .casino-site #gameScreen .game-controls :is(.mode-label,.controls-foot){display:none}
 .casino-site #gameScreen .game-controls .bet-controls{display:block;grid-column:1;grid-row:1;min-width:0}
 .casino-site #gameScreen .wager-label{font-size:10px;line-height:12px;margin:0 0 4px;display:block}
 .casino-site #gameScreen .wager-label>span{display:none}
 .casino-site #gameScreen .wager-input{height:40px;min-height:40px;padding:0 9px;margin:0}
 .casino-site #gameScreen .wager-input input{font-size:16px;min-width:0;width:100%;padding:0;height:38px}
 .casino-site #gameScreen .wager-input .credit-icon{width:17px;height:17px;flex:none;font-size:10px}
 .casino-site #gameScreen .game-controls #gameActions{grid-column:2;grid-row:1;align-self:end;margin:0;min-width:0}
 .casino-site #gameScreen #gameActions .play-button{min-height:56px;height:56px;margin:0;padding:8px;font-size:16px}
 .casino-site #gameScreen .original-settings-button{display:flex;grid-column:1/-1;grid-row:2;align-items:center;justify-content:flex-start;gap:8px;text-align:left;min-height:34px;padding:6px 9px;border:1px solid #31435c;border-radius:8px;background:#1b2a41;color:#aebed8;font-size:11px}
 .casino-site #gameScreen .original-settings-button strong{color:#d3eee0;font-size:11px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .casino-site #gameScreen .original-settings-button>span:last-child{margin-left:auto;font-size:18px;line-height:12px}
 .casino-site #gameScreen .round-summary{display:flex;grid-column:1/-1;grid-row:3;justify-content:space-between;align-items:center;gap:8px;min-height:24px;padding:3px 2px;border:0;background:transparent;margin:0}
 .casino-site #gameScreen .round-summary span{font-size:10px;line-height:1.3;flex:none}
 .casino-site #gameScreen .round-summary strong{font-size:11px;line-height:1.3;margin:0;text-align:right;overflow-wrap:anywhere}
 .casino-site #gameScreen .original-settings-sheet{position:fixed;inset:auto 0 0;margin:0 auto;padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:auto}
 .casino-site #gameScreen .game-controls .blackjack-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .casino-site #gameScreen .game-controls .blackjack-actions button{padding:5px;min-height:34px;font-size:12px}
 .casino-site #gameScreen .game-bottom{padding:12px 4px;gap:5px;margin:0}
 .casino-site #gameScreen .game-bottom>span:first-child{display:none}
 .casino-site #gameScreen .game-below-toolbar{width:100%;justify-content:space-between}
 .casino-site #gameScreen .game-bottom strong{display:inline;margin-left:4px}
 .casino-site #gameScreen :is(.dice-stage,.limbo-stage){flex:1;min-height:0;padding:20px 24px;justify-content:center;gap:0}
 .casino-site #gameScreen .dice-result{font-size:76px;margin-bottom:20px}
 .casino-site #gameScreen .dice-direction{margin:0 0 18px}
 .casino-site #gameScreen .dice-direction button{min-height:38px}
 .casino-site #gameScreen :is(.dice-stage,.limbo-stage)>p{font-size:12px;margin-top:22px}
 .casino-site #gameScreen .limbo-result{font-size:76px;margin-bottom:24px}
 .casino-site #gameScreen .mines-grid{width:min(390px,calc(100% - 32px),calc(100svh - 364px));gap:7px;margin:auto}
 .casino-site #gameScreen .mine-tile{min-height:0}
 .casino-site #gameScreen .canvas-caption{flex:none;padding:10px;font-size:11px}
 .casino-site #gameScreen .plinko-board{flex:1;width:100%;min-height:0;padding:0 6px;overflow:hidden}
 .casino-site #gameScreen .plinko-canvas{width:100%;height:100%;max-height:100%;object-fit:contain;aspect-ratio:900/620;margin:auto}
 .casino-site #gameScreen .plinko-recent{position:static;flex:none;flex-direction:row;justify-content:center;min-height:25px;gap:4px}
 .casino-site #gameScreen .plinko-recent span{font-size:10px;min-width:28px;padding:4px 6px}
 .casino-site #gameScreen .plinko-result-line{flex:none;font-size:10px;line-height:14px;flex-wrap:nowrap;gap:5px;padding:8px 10px}
 .casino-site #gameScreen .flight-stage{flex:1;min-height:0}
 .casino-site #gameScreen .flight-stage canvas{height:100%;aspect-ratio:auto;object-fit:contain}
 .casino-site #gameScreen .flight-readout{top:13%}
 .casino-site #gameScreen .flight-readout .crash-result{font-size:54px}
 .casino-site #gameScreen[data-game=blackjack] .play-surface{height:clamp(310px,calc(100svh - 310px),480px)}
 .casino-site #gameScreen .blackjack-table{flex:1;min-height:0;padding:4px 12px 10px;gap:4px}
 .casino-site #gameScreen .blackjack-table:before{inset:25px 4% 50px}
 .casino-site #gameScreen :is(.dealer-area,.player-area){gap:5px}
 .casino-site #gameScreen .table-watermark{font-size:13px;margin:4px 0}
 .casino-site #gameScreen .table-watermark span{font-size:8px;margin-top:4px}
 .casino-site #gameScreen .table-watermark small{display:none}
 .casino-site #gameScreen .card-hand{min-height:76px;flex-wrap:nowrap;gap:0}
 .casino-site #gameScreen :is(.playing-card,.card-placeholder){width:53px;height:76px}
 .casino-site #gameScreen .card-hand>*+*{margin-left:-15px}
 .casino-site #gameScreen .card-shoe{width:32px;height:48px;right:14px;top:8px;font-size:16px}
 .casino-site #gameScreen .hand-label{font-size:10px;gap:5px}
 .casino-site #gameScreen .hand-label b{min-height:20px;min-width:24px;padding:2px}
 .casino-site #gameScreen .hand-bet{font-size:10px}
 .casino-site #gameScreen .blackjack-status{min-height:25px;flex:none;padding:3px 10px 8px;font-size:11px}
 .casino-site #gameScreen .keno-board{flex:1;min-height:0;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));width:100%;max-width:600px;gap:5px;padding:0 10px;margin:2px auto 10px}
 .casino-site #gameScreen .keno-number{min-height:0;aspect-ratio:auto;font-size:15px;border-radius:7px}
 .casino-site #gameScreen .keno-number.is-picked i{top:2px;right:3px;font-size:7px}
 .casino-site #gameScreen .keno-draw-tray{flex:none;padding:8px 10px 10px}
 .casino-site #gameScreen .keno-draw-tray>span{font-size:8px;letter-spacing:1px}
 .casino-site #gameScreen .keno-draws{grid-template-columns:repeat(10,minmax(0,1fr));max-width:none;margin-top:7px;gap:4px}
 .casino-site #gameScreen .keno-draw-ball{aspect-ratio:1;font-size:10px}
 .casino-site #gameScreen .expanded-wheel-stage{flex:1;min-height:0;padding:0 12px;display:flex;align-items:center;justify-content:center}
 .casino-site #gameScreen .expanded-wheel{height:100%;max-height:310px;width:auto;max-width:100%;aspect-ratio:1;margin:auto}
 .casino-site #gameScreen .expanded-wheel-center>span{font-size:32px;letter-spacing:-1px}
 .casino-site #gameScreen .expanded-wheel-center>small{font-size:7px;letter-spacing:.7px;margin-top:5px}
 .casino-site #gameScreen .wheel-legend{flex:none;padding:8px 10px;gap:5px}
 .casino-site #gameScreen .wheel-legend>span{min-width:48px;padding:7px}
 .casino-site #gameScreen .wheel-legend small{font-size:8px;margin-top:2px}
 .casino-site #gameScreen .expanded-recent{flex:none;min-height:22px;margin:4px 10px 8px;overflow:hidden}
 .casino-site #gameScreen .expanded-recent>span{font-size:9px}
 .casino-site #gameScreen .expanded-recent>b{font-size:9px;padding:5px;min-width:24px}
 .casino-site #gameScreen[data-game=roulette] .expanded-wheel{max-height:185px}
 .casino-site #gameScreen[data-game=roulette] .expanded-wheel-center>span{font-size:24px}
 .casino-site #gameScreen[data-game=roulette] .expanded-wheel-center>small{display:none}
 .casino-site #gameScreen[data-game=roulette] .expanded-pointer{border-left-width:6px;border-right-width:6px;border-top-width:16px;left:calc(50% - 6px)}
 .casino-site #gameScreen .roulette-layout{flex:none;grid-template-columns:28px minmax(0,1fr);margin:6px 10px 0;gap:4px}
 .casino-site #gameScreen .roulette-numbers{grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(4,34px);gap:4px}
 .casino-site #gameScreen .roulette-layout button{height:34px;font-size:11px;border-radius:5px;padding:0;min-width:0}
 .casino-site #gameScreen .roulette-layout .roulette-zero{height:auto;grid-column:1;grid-row:1}
 .casino-site #gameScreen .roulette-outside{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0}
 .casino-site #gameScreen .roulette-outside button{font-size:9px}
 .casino-site #gameScreen .original-win-card{transform:scale(.8)}
 /* Saved account rounds use the same shell and responsive play boundary. */
 .casino-site #gameScreen .saved-stage{flex:1;min-height:0;padding-block:4px}
 .casino-site #gameScreen .saved-table{min-height:0;height:100%;padding:5px 0;gap:3px}
 .casino-site #gameScreen .saved-watermark{font-size:16px}
 .casino-site #gameScreen .saved-hand{min-height:80px;padding:4px}
 .casino-site #gameScreen .saved-card{width:50px;height:72px}
 .casino-site #gameScreen .saved-caption{flex:none;font-size:10px;min-height:25px}
 .casino-site #gameScreen #plinkoCanvas{min-height:0;max-height:100%;flex:1;object-fit:contain}
}
@media(max-width:950px) and (max-height:700px){
 .casino-site #gameScreen .dice-result,.casino-site #gameScreen .limbo-result{font-size:64px;margin-bottom:16px}
 .casino-site #gameScreen .table-watermark{font-size:11px;letter-spacing:2px}
 .casino-site #gameScreen .table-watermark span{display:none}
 .casino-site #gameScreen .expanded-wheel{max-height:245px}
 .casino-site #gameScreen[data-game=roulette] .expanded-wheel{max-height:125px}
}
@media(min-width:951px){
 .casino-site #gameScreen{padding-top:12px}
 .casino-site[data-layout=casino] #gameScreen .game-page-heading{margin-bottom:14px}
 .casino-site[data-layout=casino] #gameScreen .game-title-row{margin-bottom:12px}
 .casino-site #gameScreen[data-game=roulette] .game-controls{padding:20px}
 .casino-site #gameScreen[data-game=roulette] .mode-label{height:32px;margin-bottom:14px}
 .casino-site #gameScreen[data-game=roulette] .bet-controls{margin-bottom:16px}
 .casino-site #gameScreen[data-game=roulette] .original-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .casino-site #gameScreen[data-game=roulette] .original-choice{min-height:40px;font-size:11px;padding-inline:3px}
 .casino-site #gameScreen[data-game=roulette] .expanded-bet-stat{margin-top:10px;margin-bottom:12px;padding:9px}
 .casino-site #gameScreen[data-game=roulette] .round-summary{min-height:64px;padding:12px}
}
@media(max-width:950px){
 .casino-site #gameScreen{padding-top:0}
 .casino-site #gameScreen .game-controls .bet-controls{margin:0}
 .casino-site #gameScreen .game-controls .round-summary{flex-direction:row;grid-row:3}
 .casino-site #gameScreen #gameActions :is(.drop-counter,.plinko-keyboard-hint){display:none}
 .casino-site #gameScreen[data-game=roulette] .expanded-wheel-center>span{font-size:18px;white-space:nowrap}
 .casino-site #gameScreen .original-settings-body #gameSettings{min-height:0}
 .casino-site #gameScreen .original-settings-body .wager-shortcuts button{min-height:44px;height:44px}
 .casino-site #gameScreen .original-settings-body .original-choice{font-size:13px}
 .casino-site #gameScreen .original-settings-body .expanded-risk-note{font-size:12px}
}

/* A landscape phone uses the same play controls beside, rather than below, the board. */
@media(max-width:950px) and (max-height:500px) and (orientation:landscape){
 .casino-site[data-layout=casino][data-view=game] main{max-width:none;padding:4px 8px 12px}
 .casino-site[data-layout=casino] #gameScreen .game-page-heading{height:26px;min-height:26px;margin-bottom:2px}
 .casino-site #gameScreen .back-link{min-height:26px}
 .casino-site[data-layout=casino] #gameScreen .game-title-row{height:28px;margin-bottom:4px}
 .casino-site[data-layout=casino] #gameScreen .game-title-row h1{font-size:18px}
 .casino-site #gameScreen :is(.sound-button,.game-rules){min-height:26px;padding:3px 7px}
 .casino-site #gameScreen .game-layout{display:grid;grid-template-columns:196px minmax(0,1fr);height:calc(100svh - 124px);min-height:215px;overflow:hidden}
 .casino-site #gameScreen .game-controls{order:0;grid-column:1;grid-row:1;border-top:0;border-right:1px solid #31415a;padding:8px;gap:4px;grid-template-columns:1fr;grid-template-rows:54px auto 32px 30px;align-content:center}
 .casino-site #gameScreen .game-controls .bet-controls{grid-column:1;grid-row:1}
 .casino-site #gameScreen .game-controls #gameActions{grid-column:1;grid-row:2;align-self:stretch}
 .casino-site #gameScreen #gameActions .play-button{height:44px;min-height:44px;font-size:14px}
 .casino-site #gameScreen .game-controls .blackjack-actions button{min-height:30px;height:30px}
 .casino-site #gameScreen .original-settings-button{grid-column:1;grid-row:3;min-height:30px;padding:4px 6px}
 .casino-site #gameScreen .game-controls .round-summary{grid-column:1;grid-row:4;flex-direction:column;justify-content:center;gap:2px;text-align:center}
 .casino-site #gameScreen .game-controls .round-summary strong{font-size:10px;text-align:center}
 .casino-site #gameScreen .play-surface,.casino-site #gameScreen[data-game=blackjack] .play-surface{grid-column:2;grid-row:1;order:1;height:100%;min-height:0;position:relative}
 .casino-site #gameScreen .surface-top{padding:6px 9px;font-size:8px;line-height:12px}
 .casino-site #gameScreen .dice-stage,.casino-site #gameScreen .limbo-stage{padding:8px 16px}
 .casino-site #gameScreen .dice-result,.casino-site #gameScreen .limbo-result{font-size:49px;margin-bottom:8px}
 .casino-site #gameScreen .dice-direction{margin:0 0 8px}
 .casino-site #gameScreen .dice-direction button{min-height:28px}
 .casino-site #gameScreen :is(.dice-stage,.limbo-stage)>p{margin-top:8px;font-size:10px}
 .casino-site #gameScreen .mines-grid{width:min(250px,calc(100svh - 182px));gap:4px}
 .casino-site #gameScreen .canvas-caption{padding:5px;font-size:9px}
 .casino-site #gameScreen .plinko-result-line{padding:4px 8px;font-size:9px}
 .casino-site #gameScreen .plinko-recent{min-height:17px}
 .casino-site #gameScreen .plinko-recent span{padding:2px 4px;font-size:8px}
 .casino-site #gameScreen .keno-board{gap:3px;padding:0 7px;margin:0 auto 5px}
 .casino-site #gameScreen .keno-number{font-size:12px;min-height:24px}
 .casino-site #gameScreen .keno-draw-tray{padding:4px 8px;display:flex;align-items:center;gap:8px}
 .casino-site #gameScreen .keno-draw-tray>span{display:none}
 .casino-site #gameScreen .keno-draws{width:100%;margin:0;gap:3px}
 .casino-site #gameScreen .keno-draw-ball{height:24px;aspect-ratio:auto}
 .casino-site #gameScreen .expanded-wheel{max-height:170px}
 .casino-site #gameScreen .wheel-legend{padding:4px 8px}
 .casino-site #gameScreen .wheel-legend>span{padding:4px;min-width:40px}
 .casino-site #gameScreen .expanded-recent{min-height:16px;margin:3px 8px}
 .casino-site #gameScreen[data-game=roulette] .expanded-wheel-stage{position:absolute;left:0;top:25px;bottom:24px;width:28%;padding:3px}
 .casino-site #gameScreen[data-game=roulette] .expanded-wheel{max-height:110px;max-width:100%;height:auto;width:100%}
 .casino-site #gameScreen[data-game=roulette] .roulette-layout{position:absolute;left:28%;right:0;top:25px;bottom:22px;margin:0 6px 0 0;grid-template-columns:24px minmax(0,1fr);gap:3px;align-content:center}
 .casino-site #gameScreen[data-game=roulette] .roulette-numbers{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,24px);gap:2px}
 .casino-site #gameScreen[data-game=roulette] .roulette-layout button{height:24px;font-size:9px;min-width:24px}
 .casino-site #gameScreen[data-game=roulette] .roulette-zero{height:auto}
 .casino-site #gameScreen[data-game=roulette] .roulette-outside{gap:2px}
 .casino-site #gameScreen[data-game=roulette] .roulette-outside button{font-size:8px;min-width:0}
 .casino-site #gameScreen[data-game=roulette] .expanded-recent{position:absolute;bottom:0;left:0;right:0;text-align:center}
 .casino-site #gameScreen .blackjack-table{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 8px;gap:5px}
 .casino-site #gameScreen .blackjack-table .table-watermark,.casino-site #gameScreen .card-shoe{display:none}
 .casino-site #gameScreen .blackjack-status{font-size:10px;min-height:22px;padding:2px 8px}
 .casino-site #gameScreen .blackjack-table:before{inset:10px 2%}
 .casino-site #gameScreen .card-hand{min-height:66px}
 .casino-site #gameScreen :is(.playing-card,.card-placeholder){width:46px;height:66px}
 .casino-site #gameScreen .hand-label{font-size:9px}
 .casino-site #gameScreen .flight-readout .crash-result{font-size:42px}
}