/* Shared toolbar and compact cabinet controls. */
body main>nav{display:grid!important;grid-template-columns:.95fr 1fr 1.1fr 1.55fr 53px;gap:6px!important;width:100%;box-sizing:border-box;align-items:stretch;}
body main>nav>button:not(#openCreditShop),body main>nav #sound,body main>nav #matesProfileOpen,body main>nav #openPlayerTools,body main>nav #openTournaments{position:relative!important;inset:auto!important;order:0!important;display:flex!important;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;min-width:0!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:5px!important;border:1px solid #ad9158!important;border-radius:10px!important;background:linear-gradient(145deg,#332f24,#191d18)!important;color:#ffe4a2!important;font:800 10px/1.15 system-ui!important;letter-spacing:0!important;text-shadow:none!important;box-shadow:none!important;white-space:normal!important;overflow-wrap:normal;}
body main>nav #back:not([hidden]){grid-column:1/-1}body main>nav #openCreditShop{order:0;justify-self:start;align-self:start;margin:0 13px 11px 0}body main>nav .mates-profile-nav-avatar,body main>nav .mates-profile-nav-placeholder{width:20px;height:20px;flex:none}
body .play-deck{grid-template-columns:64px minmax(0,1fr) minmax(144px,38%);min-height:126px!important;gap:7px}body .play-deck .bet-screen{min-width:0;height:100%;box-sizing:border-box}body .spin-stack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:70px 36px;gap:6px;align-content:center}body .spin-stack #autospin,body .spin-stack #spin{width:100%;height:70px;min-height:70px;margin:0;padding:4px;font-size:22px}body #selectBet{grid-column:1/-1;min-height:36px;border:1px solid #cfb16e;border-radius:8px;background:#3d3220;color:#ffe8ad;font:800 12px system-ui}body .bet-screen .denom-medallion{width:32px;height:32px;font-size:14px}body .bet-screen .wager-display strong{font-size:clamp(18px,4vw,28px)}body .bet-screen .wager-display span{white-space:normal;overflow-wrap:anywhere}
#selectBetDialog{box-sizing:border-box;width:min(680px,94vw);padding:20px;border:1px solid #ad9158;border-radius:16px;background:#151f1c;color:#ffe8ad}#selectBetDialog::backdrop{background:#050a13cf}#selectBetDialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}#selectBetDialog h2{font:800 20px system-ui;margin:0}#selectBetDialog header button{min-height:44px;padding:8px 18px;border:1px solid #cfb16e;border-radius:8px;background:linear-gradient(#fffbd3,#e3c46b 60%,#b79032);color:#281e0a;font-weight:800}#selectBetDialog .bank-label{margin:0}#selectBetDialog .controls{margin:0}#selectBetDialog{max-height:90dvh;overflow:auto}#betLockStatus{font:13px/1.5 system-ui;color:#e6cb90}
.profile-verification{padding:14px;margin:0 0 16px;border:1px solid #617c67;border-radius:12px;background:#162b23}.profile-verification h3{margin:0 0 8px}.profile-verification p{overflow-wrap:anywhere}.feature-autospin{min-height:44px!important}.feature-autospin[aria-pressed=true]{background:#286845!important;color:#fff!important}
@media(max-width:420px){body main>nav>button:not(#openCreditShop){font-size:9px!important}body main>nav #matesProfileOpen{flex-direction:column;gap:1px}body main>nav .mates-profile-nav-avatar,body main>nav .mates-profile-nav-placeholder{width:16px;height:16px}body .play-deck{grid-template-columns:48px minmax(0,1fr) 140px;gap:5px;padding:6px}body .bet-screen{flex-direction:column;justify-content:center;gap:4px}body .bet-screen .wager-display strong{font-size:18px}body .bet-screen .wager-display small{font-size:8px}body .spin-stack #spin{font-size:20px}}

@media(max-width:500px){#selectBetDialog{padding:12px}#selectBetDialog header{padding:0;margin:4px 0 14px}#selectBetDialog .controls{padding:6px}#selectBetDialog .wager-bank{grid-template-columns:64px minmax(0,1fr)}#selectBetDialog .denominations button{padding:3px 1px;font-size:12px}#selectBetDialog .play-modes button{font-size:11px}}

/* Keep login fields at full size; only the scrollable visible window changes. */
body #accountGate{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding:24px;grid-template-rows:auto;align-items:start;-webkit-overflow-scrolling:touch}
body #accountGate .account-card{transform:none;align-self:start;min-height:0;max-height:none}body #accountGate .account-card input,body #accountGate .account-card select{font-size:16px}
@media(max-width:760px){body #accountGate,body #accountGate:has(.account-art){display:block;padding:12px 12px 32px}body #accountGate .account-art{height:145px;min-height:145px;max-width:420px;margin:0 auto 16px}body #accountGate .account-card{width:100%;max-width:420px;margin:0 auto;padding:20px}}

.bet-popup-total{display:grid;gap:6px;text-align:center;margin:0 0 16px;padding:18px 12px;background:#0b1510;border:1px solid #ad9254;border-radius:10px}.bet-popup-total>span{font:700 10px system-ui;letter-spacing:.13em;color:#c8c1a3}.bet-popup-total output{font:800 32px/1.2 system-ui;color:#ffe6a2;overflow-wrap:anywhere}.bet-popup-total small{font:11px/1.4 system-ui;color:#b6c6ad}

/* Sound uses the same action labels and colours as Autospin. */
body main>nav button#sound{flex-direction:column;gap:2px!important;background:linear-gradient(#237c48,#14542e)!important;border-color:#6cbf86!important;border-bottom:3px solid #0c351e!important;color:#fff!important}
body main>nav button#sound[aria-pressed=true]{background:linear-gradient(#b1323c,#731521)!important;border-color:#ff858d!important;border-bottom-color:#4c0d16!important;box-shadow:0 0 12px #e13a3a44!important}
body main>nav button#sound b{font:800 10px/1.15 Arial}body main>nav button#sound span{font:700 10px/1.1 Arial;letter-spacing:.8px}
