/* Bank Heist-only interface overrides. Shared game files stay unchanged. */
.game-header{height:38px;padding:0 12px;gap:8px}
.game-header .wordmark{font-size:17px}.wordmark .brand-bag{width:25px;height:25px}
.game-header .demo-badge{font-size:8px;padding:5px 7px;border-radius:5px}
.game-header .wallet strong{font-size:13px;font-weight:400}
.game-header .icon{width:25px;min-width:25px;height:25px;font-size:16px}
.game-header .night-toggle{font-size:10px;padding:4px 7px;height:25px}
.rounds-bar .icon{display:grid;place-items:center;width:26px;min-width:26px;height:20px;flex:0 0 26px;padding:0;border-radius:6px;box-shadow:none;align-self:center}
.rounds-bar .icon svg{display:block}
#players,#modal{scrollbar-width:none}#players::-webkit-scrollbar,#modal::-webkit-scrollbar{display:none;width:0;height:0}
#players .player-row{content-visibility:auto;contain-intrinsic-size:auto 34px}
#activity-panel.show-top .activity-summary,#activity-panel.show-top .table-labels{display:none}
#top-filters{flex-direction:column;gap:4px;margin:8px 0;padding:5px;background:#eef3f8;border-radius:15px;flex-shrink:0}
#top-filters .segmented{background:transparent;padding:0;width:100%}
#top-filters button{padding:7px 3px;font-size:12px;font-weight:400}
#top-filters button.selected{background:#c5e1ff;color:#10213e}
.top-result{padding:12px 10px;margin-bottom:7px;background:#f4f7fb;border:1px solid var(--line);border-radius:16px;color:var(--ink)}
.top-result header{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.top-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3edfa;font-size:24px;flex-shrink:0}
.top-result header strong{font-size:12px;font-weight:500}.top-result time{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.top-proof{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3edfa;color:#60738c;flex-shrink:0}
.top-result dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin:0;font-size:10px;font-variant-numeric:tabular-nums}
.top-result dl div{display:flex;justify-content:space-between;gap:4px;min-width:0}.top-result dt{color:var(--muted);white-space:nowrap}.top-result dd{margin:0;text-align:right;overflow-wrap:anywhere}
.top-result .top-mult{color:#2571aa}.top-result .top-mult.medium{color:#853bd0}.top-result .top-mult.high{color:#bc37a3}
.crash-multipliers{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:8px;padding:4px 0 12px}.crash-multipliers .round-chip{text-align:center;padding:8px 4px}
.bet-panel{display:flex;flex-direction:column;min-height:185px}
.bet-panel>.panel-top,.bet-panel>.bet-main,.bet-panel>.auto-options,.bet-panel>.panel-help{flex-shrink:0}
.bet-panel:has(.auto-options[hidden])>.bet-main{margin-top:auto}
.bet-panel:has(.auto-options[hidden])>.panel-help{margin-bottom:auto}
.auto-options{flex-wrap:wrap;row-gap:7px}
.fair-modal-brand img,.powered-brand img{background:#fff;border-radius:4px;mix-blend-mode:normal;padding:4px}
.night-mode #top-filters,.night-mode .top-result{background:#243149}.night-mode .top-avatar,.night-mode .top-proof{background:#344660;color:#e5edf9}.night-mode #top-filters button.selected{background:#41618d;color:white}
.night-mode .top-result .top-mult{color:#8bd2ff}.night-mode .top-result .top-mult.medium{color:#c9a7ff}.night-mode .top-result .top-mult.high{color:#fface4}
@media(min-width:801px) and (min-height:551px) and (min-aspect-ratio:1/1){.game-layout{height:calc(100dvh - 38px)}.play-area{grid-template-rows:24px minmax(0,1fr) 195px 26px}.bet-panels{height:195px}}
@media(max-width:600px){.game-header .wallet strong{font-size:11px}.game-header{gap:6px;padding:0 8px}}
@media(max-width:380px){.game-header .wordmark{font-size:14px}.wordmark .brand-bag{width:22px;height:22px}.game-header{gap:5px;padding:0 6px}}

/* Match the Bet button yellow in both themes. */
.fun-strip,.night-mode .fun-strip{background:#f6d60c;color:#182337}

#cashout-popups{position:fixed;top:46px;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:8px;width:min(470px,calc(100vw - 24px));pointer-events:none}
.heist-cashout-popup{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 20px;border:1px solid #92c9ff88;border-radius:12px;background:linear-gradient(110deg,#173659de,#345f8eb8);backdrop-filter:blur(12px);box-shadow:0 7px 28px #07162c55,inset 0 1px 0 #dceeff22;color:#f0f6ff;pointer-events:auto;animation:win-arrive .22s ease-out;transition:opacity .25s,transform .25s}
.cashout-message{display:grid;gap:4px;flex:1;text-align:center;min-width:0}.cashout-message span{font-size:13px;color:#d2e3f7}.cashout-message strong{font-size:20px;font-weight:800}
.cashout-payout{display:grid;gap:4px;text-align:center;background:#77b6ee33;border:1px solid #aed6ff33;border-radius:8px;padding:7px 18px;min-width:115px}.cashout-payout span{font-size:12px;color:#d4e7ff}.cashout-payout strong{font-size:24px;line-height:1.1;font-weight:800}
.heist-cashout-popup button{flex-shrink:0;width:32px;height:32px;padding:0;border-radius:7px;background:#c0ddff12;color:#e5f1ff;font-size:25px;line-height:1}.heist-cashout-popup.leaving{opacity:0;transform:translateY(-6px);pointer-events:none}
@media(max-width:480px){.heist-cashout-popup{gap:8px;padding:9px}.cashout-message span{font-size:11px}.cashout-payout{min-width:92px;padding:7px 10px}.cashout-payout strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.heist-cashout-popup{animation:none;transition:none}}
.no-animation .heist-cashout-popup{animation:none;transition:none}

/* Compact translucent cashout popup; the artwork win indicator remains unchanged. */
#cashout-popups{width:min(310px,calc(100vw - 24px));gap:5px}
.heist-cashout-popup{gap:10px;padding:6px 10px;border-radius:8px;background:linear-gradient(110deg,#17365980,#345f8e66);border-color:#92c9ff55;backdrop-filter:blur(5px);box-shadow:0 3px 12px #07162c22;pointer-events:none}
.cashout-message{gap:2px}.cashout-message span{font-size:11px}.cashout-message strong{font-size:17px}
.cashout-payout{gap:2px;min-width:85px;padding:4px 10px;border-radius:6px;background:#77b6ee1a;border-color:#aed6ff22}.cashout-payout span{font-size:10px}.cashout-payout strong{font-size:19px}
@media(max-width:480px){#cashout-popups{width:min(290px,calc(100vw - 24px))}.heist-cashout-popup{padding:5px 8px;gap:8px}.cashout-payout{min-width:78px;padding:4px 8px}.cashout-payout strong{font-size:18px}}
