/* Responsive presentation only. Existing artwork, effects and game state remain intact. */
html{scroll-padding-block:12px}
@media(hover:hover) and (pointer:fine){html{scrollbar-gutter:stable}}
body.ssp-page-inactive *,body.ssp-page-inactive *::before,body.ssp-page-inactive *::after{animation-play-state:paused!important}
:where(button,summary,a[href],input,select,textarea){touch-action:manipulation}
:where(dialog.lake-dialog,dialog.society-dialog,dialog.rename-dialog,dialog#dialog,dialog#verify,dialog#rules){max-height:calc(var(--ssp-usable-height,100dvh) - 24px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:16px}
html.ssp-keyboard-open :where(dialog.lake-dialog,dialog.society-dialog,dialog.rename-dialog,dialog#dialog,dialog#verify,dialog#rules)[open]{top:calc(var(--ssp-visual-top,0px) + 12px);bottom:auto;margin-block:0}
:where(dialog.lake-dialog,dialog.society-dialog,dialog.rename-dialog,dialog#dialog,dialog#verify,dialog#rules) :where(input,select,textarea){max-width:100%;min-width:0}
@media(max-width:760px){
 :where(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 .lobby>header .account #renameOpen{min-width:40px;min-height:40px}
 .fortune-page header .icon-button{width:40px;height:40px;min-width:40px}
 .fortune-page .hub-button{min-height:40px}
 .fortune-page .controls .bet button{width:40px;height:40px;min-width:40px;flex:0 0 40px;padding:0}
 .olympus-page .controls .bet button{width:40px;height:40px;min-width:40px;flex:0 0 40px;padding:0}
 .olympus-page .ssp-settings-trigger{min-height:40px}
 .olympus-page .ssp-settings-popover{max-height:calc(var(--ssp-usable-height,100dvh) - 32px);overflow-y:auto;overscroll-behavior:contain}
 .society-dialog-head{gap:10px;align-items:flex-start}
 .society-dialog-head h2{font-size:clamp(20px,5vw,26px);line-height:1.2;min-width:0}
 .society-dialog-head>button{white-space:nowrap;font-size:12px;flex-shrink:0;min-height:40px;padding:10px}
 .society-profile :is(.society-profile-avatar,.society-profile-initial){width:88px;height:88px;font-size:36px}
 .society-profile h3{font-size:clamp(24px,6vw,32px);overflow-wrap:anywhere}
 .society-dialog .society-search-v86 input[type=search]{font-size:16px}
 .lake-page .back-link{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
 .lake-page .quick-controls>button{width:40px;height:40px;min-width:40px;padding:0}
 .lake-page .machine-top>div:first-child{min-width:0}
 .lake-page #freeCount{overflow-wrap:anywhere}
 .lake-page #rulesOpen{min-height:40px}
 .lake-page .dialog-close{min-width:40px;min-height:40px;display:grid;place-items:center;right:8px;top:6px;padding:0}
 .lake-page .setting{min-height:40px}
 .fortune-page dialog .icon-button,dialog#verify>button,dialog#rules>button{min-width:40px;min-height:40px}
 :where(.ssp-credits-info>summary){min-height:36px;display:flex;align-items:center;gap:5px}
 .ssp-credits-info>summary::before{content:'▸';font-size:10px}.ssp-credits-info[open]>summary::before{content:'▾'}
 .ssp-credits-info>summary{list-style:none}
 .ssp-credits-info>summary::-webkit-details-marker{display:none}
}
@media(max-width:700px){
 .lake-page .lake-controls{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);height:auto;min-height:154px;gap:12px 10px;padding:10px;align-items:center}
 .lake-page .balance-control{grid-column:1;grid-row:1}
 .lake-page .bet-control{grid-column:2;grid-row:1;gap:4px;min-width:0;justify-content:space-between}
 .lake-page .bet-control>div{min-width:0;flex:1;text-align:center}
 .lake-page .bet-control :is(#minus,#plus){width:36px;height:40px;min-width:36px;flex:0 0 36px;padding:0;font-size:18px}
 .lake-page .spin-cluster{grid-column:2;grid-row:2;gap:6px}
 .lake-page .gain-control{display:block;grid-column:1;grid-row:2}
 .lake-page .spin-button{height:52px;width:100%}
 .lake-page .spin-options{gap:5px}
 .lake-page .spin-options>button{height:36px;min-height:36px;font-size:8px;padding:0 3px}
 .lake-page .lake-controls :is(.balance-control,.gain-control,.bet-control) b{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
 .lake-page .lake-controls small{line-height:1.5}
}
@media(max-width:820px){
 /* Confirming a wager comes before secondary history on mobile. */
 .casino-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:17px}
 .casino-layout>.live-main{display:contents}
 .casino-layout .stage{grid-column:1;grid-row:1;min-width:0}
 .casino-layout>.controls-panel{grid-area:auto;grid-column:1;grid-row:2}
 .casino-layout .roads-panel{grid-column:1;grid-row:3;min-width:0;margin-top:0}
 .casino-layout>.live-sidebar{grid-area:auto;grid-column:1;grid-row:4}
 .page-tools>.tool{width:40px;height:40px;min-width:40px}
 .casino-header nav>a{display:inline-flex;align-items:center;min-height:40px;min-width:40px}
 .road-tabs>button{min-height:40px;min-width:72px;font-size:9px;padding-block:8px}
 .controls-panel :is(.amount-field button,.selection-actions button,.chip-values button){min-height:40px;min-width:40px}
 .amount-field button{flex:0 0 40px}
 .amount-field input{min-height:40px;flex:1}
 .selection-actions{align-items:center;gap:8px}
 .selection-actions button{flex:1;padding:6px}
}
@media(max-width:520px){
 .controls-panel{grid-template-columns:minmax(0,1fr)}
 .controls-panel>*{grid-column:1!important;grid-row:auto!important}
 .controls-panel .selection{margin-top:16px;gap:12px}
 .controls-panel .selection .selection-total{display:flex;align-items:center;justify-content:space-between;gap:8px}
 .controls-panel .selection-total strong{margin-top:0}
 .controls-panel .selection-actions{flex-wrap:nowrap;padding:10px 0}
 .controls-panel .chip-values>button{font-size:10px}
 .lobby footer .ssp-credits-info>summary{justify-content:center}
}
@media(max-height:500px) and (orientation:landscape){
 :where(dialog.lake-dialog,dialog.society-dialog,dialog.rename-dialog,dialog#dialog,dialog#verify,dialog#rules){max-height:calc(var(--ssp-usable-height,100dvh) - 16px)}
 .lake-dialog:not(.cards-dialog):not(.summary-dialog){padding-block:22px}
 .society-dialog{padding-block:16px}
}
@media(max-width:760px){@supports(padding:max(0px)){
 :where(.lobby>header,.fortune-page>header,.olympus-page>header,.double-page>header,.lake-header,.casino-header){padding-left:max(var(--ssp-header-pad,12px),env(safe-area-inset-left));padding-right:max(var(--ssp-header-pad,12px),env(safe-area-inset-right))}
}}