/* Casino lounge: overrides stay scoped to the casino overlay. */
#casino-view{--casino-ink:#111c2c;--casino-felt-1:#24394c;--casino-felt-2:#182838;--casino-gold:#ddc18b;--casino-gold-soft:#ddc18b40;--casino-ivory:#f3f0e7;--casino-muted:#abb7c8;background:#111c2c;color:#f3f0e7;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color-scheme:dark}
#casino-view *{box-sizing:border-box}
#casino-view button,#casino-view a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#casino-view button{transition:background .16s,border-color .16s,transform .12s}
#casino-view button:focus-visible,#casino-view a:focus-visible{outline:3px solid #ddc18b;outline-offset:3px}
#casino-view button:active:not(:disabled){transform:scale(.97)}
#casino-view button:disabled{opacity:.42;cursor:not-allowed}
#casino-view .casino-topbar{width:100%;max-width:1280px;margin:auto;padding:16px 28px;min-height:72px;border-bottom:1px solid #ffffff12}
#casino-view .casino-back{min-height:44px;border:0;border-radius:10px;background:#ffffff06;color:#bcc6d4;padding:10px 12px;font-size:13px}
#casino-view .casino-brand{font-size:17px;letter-spacing:.12em;padding:0}
#casino-view .casino-balance{padding:10px 14px;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;font-size:11px;white-space:nowrap}
#casino-view .casino-balance strong{font-size:18px}
#casino-view .casino-notice-bar{width:calc(100% - 56px);max-width:1224px;margin:12px auto 0;background:#ffffff04;border:0;border-radius:8px;padding:10px 12px;color:#abb7c8;min-height:40px}
#casino-view .casino-nav{width:100%;max-width:1280px;margin:0 auto;padding:12px 28px;gap:8px;justify-content:flex-start;flex-shrink:0}
#casino-view .casino-nav-item{flex:0 1 132px;min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid transparent;background:transparent;color:#abb7c8;font-size:14px}
#casino-view .casino-nav-item[aria-selected=true]{background:#ddc18b18;border-color:#ddc18b40;color:#e7cd9c}
#casino-view .casino-body{width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:12px 28px 32px;gap:20px;scrollbar-width:thin;scrollbar-color:#465267 transparent;overscroll-behavior:contain}
#casino-view .casino-welcome{padding:8px 0 6px}
#casino-view .casino-welcome>span,#casino-view .casino-table-heading>span{font-size:10px;color:#ddc18b;letter-spacing:.22em;font-weight:600}
#casino-view h1{font-size:30px;letter-spacing:.025em;line-height:1.25;margin:10px 0;font-weight:600}
#casino-view .casino-welcome p,#casino-view .casino-table-heading p{font-size:13px;color:#abb7c8;margin:0;line-height:1.6}
#casino-view .casino-hero{display:grid;grid-template-columns:1fr 1fr;gap:6px 32px;padding:24px 28px;border:1px solid #ffffff12;background:#1b2a3e;border-radius:18px;box-shadow:none}
#casino-view .casino-hero-label{grid-column:1;align-self:end;color:#abb7c8;font-size:13px}
#casino-view .casino-hero-value{grid-column:1;font-size:36px;color:#f3f0e7;line-height:1.3}
#casino-view .casino-hero-note{grid-column:1;display:block;font-size:12px;margin:0;color:#abb7c8}
#casino-view .casino-checkin{grid-column:2;grid-row:1/3;border:0;background:none;padding:0;margin:0;gap:12px}
#casino-view .casino-checkin-copy strong{font-size:14px}
#casino-view .casino-checkin-copy small{font-size:12px;line-height:1.7}
#casino-view .casino-checkin-rows{grid-column:2;grid-row:3;flex-direction:row;margin:4px 0 0;gap:8px}
#casino-view .casino-checkin-row{min-height:44px;background:#ddc18b10;color:#f3f0e7;border-color:#ddc18b30;border-radius:9px;font-size:12px;padding:10px}
#casino-view .casino-section-title{font-size:17px;letter-spacing:0;color:#f3f0e7;margin:4px 0 0}
#casino-view .casino-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#casino-view .casino-game-card{display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto;min-height:154px;padding:24px;gap:10px 20px;background:#1b2a3e;border:1px solid #ffffff12;border-radius:18px;overflow:hidden;position:relative;text-align:left;align-items:center;justify-content:start}
#casino-view .casino-game-card:hover{background:#23344b;border-color:#ddc18b55}
#casino-view .casino-game-art{display:block;grid-row:1/3;width:90px;height:76px;transform:none;opacity:1}
#casino-view .casino-game-art .casino-card{--card-w:48px;--card-h:69px}
#casino-view .casino-game-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
#casino-view .casino-game-copy strong{font-size:22px;letter-spacing:.03em}
#casino-view .casino-game-copy small{display:block;font-size:12px;line-height:1.65;color:#abb7c8;white-space:normal}
#casino-view .casino-game-odds{position:static;grid-column:2;justify-self:start;font-size:11px;color:#ddc18b;border:0;padding:0;background:none}
#casino-view .casino-game-card[data-action=zjh-pick]:before{content:'♠';grid-row:1/3;grid-column:1;font-size:72px;color:#ddc18b;text-align:center}
#casino-view .casino-footnote{font-size:12px;line-height:1.7;color:#abb7c8;margin:0}
#casino-view .casino-table{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px;width:100%;margin:0}
#casino-view .casino-table-heading{grid-column:1/-1;margin:0 0 8px}
#casino-view .casino-table-heading h1{font-size:26px;margin:8px 0}
#casino-view .casino-table-pick{grid-column:1;gap:8px}
#casino-view .casino-table-option{min-height:48px;background:#1b2a3e;border-radius:10px;padding:10px}
#casino-view .casino-table-option b{font-size:13px}
#casino-view .casino-table-option small{font-size:11px}
#casino-view .casino-table>.casino-felt{grid-column:1;min-height:390px;padding:24px 18px;gap:16px;background:#20364a;border:1px solid #ddc18b40;border-radius:24px;box-shadow:inset 0 0 0 7px #182b3d;overflow:hidden}
#casino-view .casino-felt:before{border-color:#ddc18b1c;inset:14px;border-radius:18px}
#casino-view .casino-felt:after{opacity:.12}
#casino-view .casino-seat{gap:10px}
#casino-view .casino-seat-label{font-size:14px;letter-spacing:.08em}
#casino-view .casino-cards{min-height:90px;gap:12px}
#casino-view .casino-cards[data-empty="1"]{min-height:85px;border:1px dashed #ffffff22;border-radius:10px;width:150px;margin:auto;display:grid;place-items:center}
#casino-view .casino-cards[data-empty="1"]:after{content:'等待发牌';font-size:12px;color:#a6b5c6;letter-spacing:.15em}
#casino-view .casino-felt-center{padding:4px 0}
#casino-view .casino-console{grid-column:2;grid-row:2/6;position:sticky;top:0;min-width:0;gap:16px;padding:20px;background:#1b2a3e;border:1px solid #ffffff16;border-radius:18px;box-shadow:none}
#casino-view .casino-bet-readout{min-height:32px;gap:8px}
#casino-view .casino-bet-value{font-size:26px;line-height:1.25}
#casino-view .casino-button{min-height:48px;border-radius:11px;background:#ddc18b;color:#182332;border:1px solid #ddc18b;font-size:14px;box-shadow:none;padding:12px 16px}
#casino-view .casino-op,#casino-view .casino-step,#casino-view .casino-bet-op{min-height:44px;font-size:13px;padding:10px;border-radius:10px;background:#ffffff06;border:1px solid #ffffff16;color:#d5dce5}
#casino-view .casino-stake-hint,#casino-view .casino-console-note{font-size:12px;line-height:1.65;color:#abb7c8}
#casino-view .casino-stake-hint[data-tone=error]{color:#ffa7a7}
#casino-view .casino-chip-pick{min-height:48px;min-width:48px}
#casino-view .casino-bet-input{min-height:48px;font-size:19px;background:#111c2c;border-radius:10px}
#casino-view .casino-roulette>.rl-felt{min-height:180px;height:180px;padding:18px 26px;display:flex;flex-direction:row;justify-content:flex-start;gap:30px;border-radius:18px;background:#20344a;box-shadow:none}
#casino-view .rl-wheel{width:142px;height:142px;flex-shrink:0;margin:0;transform:none}
#casino-view .rl-wedge{font-size:8px}
#casino-view .rl-wheel-copy{display:flex;flex-direction:column;gap:12px;min-width:0}
#casino-view .rl-wheel-copy>span{font-size:9px;letter-spacing:.13em;color:#ddc18b}
#casino-view .rl-wheel-copy>strong{font-size:20px;font-weight:500}
#casino-view .rl-history{height:auto;min-height:28px;flex-wrap:wrap;gap:5px;font-size:11px;margin:0;color:#abb7c8}
#casino-view .rl-history-bead{width:25px;height:25px;line-height:25px;font-size:11px}
#casino-view .rl-mat{grid-column:1;min-width:0;padding:18px;background:#1b2a3e;border:1px solid #ffffff12;border-radius:18px;display:block}
#casino-view .rl-mode-tabs,#casino-view .rl-combo-tabs{display:flex;gap:5px;background:#111c2c;border-radius:10px;padding:4px}
#casino-view .rl-mode-tabs button,#casino-view .rl-combo-tabs button{flex:1;min-width:0;min-height:44px;padding:8px 4px;border:0;background:transparent;color:#abb7c8;font-size:13px;border-radius:7px}
#casino-view .rl-mode-tabs button[aria-pressed=true],#casino-view .rl-combo-tabs button[aria-pressed=true]{background:#33455b;color:#f3f0e7}
#casino-view .rl-combo-tabs{margin:14px 0}
#casino-view .rl-section-note{font-size:12px;color:#abb7c8;margin:18px 0 10px}
#casino-view .rl-quick-grid,#casino-view .rl-range-grid,#casino-view .rl-combo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#casino-view .rl-number-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
#casino-view .rl-spot,#casino-view .rl-cell{min-height:48px;height:auto;padding:10px 5px;background:#25364b;border:1px solid #ffffff20;border-radius:8px;color:#f3f0e7;font-size:14px;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
#casino-view .rl-spot-name{opacity:1;visibility:visible;font-size:13px;line-height:1.4}
#casino-view .rl-cell[data-tone=red],#casino-view .rl-even-red{background:#8c3b4c}
#casino-view .rl-cell[data-tone=black],#casino-view .rl-even-black{background:#101c2c}
#casino-view .rl-cell[data-tone=green]{background:#2a695f}
#casino-view .rl-spot[data-active="1"],#casino-view .rl-cell[data-active="1"]{outline:2px solid #ddc18b;outline-offset:-2px;background-image:none}
#casino-view .rl-chip{position:static;transform:none;min-width:25px;width:auto;height:23px;line-height:19px;font-size:10px;padding:0 3px;flex-shrink:0}
#casino-view .rl-console{gap:16px}
#casino-view .rl-picks{display:flex;flex-direction:column;align-items:stretch;gap:12px}
#casino-view .rl-picks-label{font-size:12px;color:#abb7c8}
#casino-view .rl-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#casino-view .rl-chip-pick{width:100%;min-width:44px;height:54px;padding:7px 2px;display:grid;place-items:center;background:#ffffff04;border:1px solid #ffffff12;border-radius:10px}
#casino-view .rl-chip-pick[data-on="1"]{background:#ddc18b15;border-color:#ddc18b;box-shadow:none;transform:none}
#casino-view .rl-chip-pick .rl-chip{width:36px;height:36px;line-height:30px;font-size:11px;border-width:3px;border-radius:50%;padding:0}
#casino-view .rl-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#casino-view .rl-tools .casino-op{padding:8px 0;font-size:12px}
#casino-view .rl-slip-wrap{grid-column:1;min-width:0}
#casino-view .casino-panel{background:#1b2a3e;border:1px solid #ffffff16;border-radius:18px;padding:24px;box-shadow:none}
#casino-view .casino-sheet-card{background:#1b2a3e;border:1px solid #ffffff20;padding:24px;max-height:85dvh;overflow:auto;color:#f3f0e7}
#casino-view .casino-toast{background:#33455b;border-color:#ddc18b66;z-index:10;bottom:24px}
@media(min-width:1100px){#casino-view .casino-games{grid-template-columns:repeat(4,minmax(0,1fr))}#casino-view .casino-game-card{grid-template-columns:1fr;grid-template-rows:84px auto auto;gap:16px;min-height:260px}#casino-view .casino-game-art{grid-row:1}#casino-view .casino-game-odds{grid-column:1}#casino-view .casino-game-card[data-action=zjh-pick]:before{grid-row:1;justify-self:start;font-size:74px;line-height:1}}
@media(max-width:760px){
 #casino-view .casino-topbar{padding:8px 14px;min-height:60px;gap:6px}
 #casino-view .casino-brand{font-size:14px;letter-spacing:0}
 #casino-view .casino-back{font-size:12px;padding:8px}
 #casino-view .casino-balance{padding:9px 8px;font-size:9px;gap:3px}#casino-view .casino-balance strong{font-size:14px}
 #casino-view .casino-notice-bar{width:calc(100% - 28px);margin-top:8px}
 #casino-view .casino-nav{padding:6px 14px 10px;gap:4px}#casino-view .casino-nav-item{flex:1;font-size:12px;padding:8px 4px;min-height:40px}
 #casino-view .casino-body{padding:8px 14px 24px;gap:16px}
 #casino-view h1{font-size:25px}#casino-view .casino-welcome{padding:4px 0}
 #casino-view .casino-hero{display:flex;flex-direction:column;padding:18px;gap:8px}#casino-view .casino-hero-value{font-size:30px}
 #casino-view .casino-checkin{margin-top:10px}#casino-view .casino-checkin-rows{margin-top:6px}
 #casino-view .casino-games{gap:10px}#casino-view .casino-game-card{display:flex;flex-direction:column;align-items:flex-start;padding:18px 14px;min-height:220px;gap:14px}
 #casino-view .casino-game-copy strong{font-size:19px}#casino-view .casino-game-copy small{font-size:11px}#casino-view .casino-game-odds{margin-top:auto}
 #casino-view .casino-game-card[data-action=zjh-pick]:before{height:76px;line-height:76px}
 #casino-view .casino-table{display:flex;flex-direction:column;gap:12px}#casino-view .casino-table>*{width:100%;flex-shrink:0}
 #casino-view .casino-table-heading{margin:0 0 2px}#casino-view .casino-table-heading h1{font-size:22px;margin:6px 0}#casino-view .casino-table-heading p{font-size:12px}
 #casino-view .casino-table>.casino-felt{min-height:350px;padding:20px 14px;gap:12px}
 #casino-view .casino-console{position:relative;top:auto;padding:16px;gap:12px}
 #casino-view .casino-roulette>.rl-felt{min-height:130px;height:130px;padding:10px 16px;gap:16px}
 #casino-view .rl-wheel{width:108px;height:108px}#casino-view .rl-wedge{display:none}#casino-view .rl-wheel-copy>strong{font-size:16px}#casino-view .rl-wheel-copy>span{font-size:8px}#casino-view .rl-wheel-copy{gap:8px}
 #casino-view .rl-mat{padding:12px}#casino-view .rl-number-grid{gap:6px}#casino-view .rl-spot,#casino-view .rl-cell{min-height:46px;font-size:13px;padding:8px 3px}
 #casino-view .rl-section-note{margin:12px 0 8px;font-size:11px}#casino-view .rl-mode-tabs button{font-size:12px}
 #casino-view .rl-console{position:sticky;bottom:-24px;z-index:3;box-shadow:0 -12px 28px #111c2cb0;border-radius:16px 16px 0 0;padding:12px 14px max(14px,env(safe-area-inset-bottom));gap:8px}
 #casino-view .rl-console .casino-stake-hint{font-size:10px;line-height:1.4;min-height:14px}
 #casino-view .rl-picks{flex-direction:row;align-items:center;gap:10px}#casino-view .rl-chips{flex:1}#casino-view .rl-chip-pick{height:44px;padding:4px}#casino-view .rl-chip-pick .rl-chip{width:32px;height:32px;line-height:26px}
 #casino-view .rl-console .casino-bet-value{font-size:22px}#casino-view .rl-tools .casino-op{min-height:40px}#casino-view .rl-console .casino-button{min-height:46px}
 #casino-view .rl-history-label{display:none}
}
@media(prefers-reduced-motion:reduce){#casino-view *,#casino-view *:before,#casino-view *:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
#casino-view .rl-chip{position:relative;left:auto;top:auto}
#casino-view .casino-felt:before,#casino-view .casino-felt:after{display:none}
#casino-view .casino-bet-entry{background:#111c2c;border-color:#ffffff20}
#casino-view input,#casino-view button{font-family:inherit}
@media(max-width:360px){#casino-view .rl-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#casino-view .casino-brand{font-size:12px}#casino-view .casino-balance strong{font-size:12px}}
@media(max-width:760px) and (max-height:680px){#casino-view .rl-console{position:relative;bottom:auto;border-radius:16px}}
#casino-view .casino-spot{border:1px solid #ffffff25;border-radius:12px;background:#172c40;padding:12px 8px;min-height:90px;box-shadow:none}
#casino-view .casino-spot[data-selected="1"]{background:#ddc18b1c;border:2px solid #ddc18b;box-shadow:none}
#casino-view .casino-spot-name{font-size:22px}#casino-view .casino-spot-en{font-size:9px;color:#aabbcb}#casino-view .casino-spot-odds{font-size:11px;color:#ddc18b}
#casino-view .casino-spot-small{min-height:54px}#casino-view .casino-spot-small .casino-spot-name{font-size:15px}
#casino-view .casino-spots-row{gap:8px}#casino-view .casino-spots{gap:8px}
#casino-view .casino-stake-input-wrap{background:#111c2c;border-color:#ffffff20}
#casino-view .casino-game-card{box-shadow:none}
@media(max-width:760px){#casino-view .casino-roulette .casino-table-heading{display:none}#casino-view .casino-roulette>.rl-felt{min-height:112px;height:112px}#casino-view .rl-wheel{width:88px;height:88px}#casino-view .rl-console .casino-stake-hint{display:none}}
#casino-view .rl-wheel-copy .casino-result{position:static;inset:auto;transform:none;min-width:0;width:auto;max-width:none;padding:6px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-radius:8px;box-shadow:none;text-align:left}
#casino-view .rl-wheel-copy .casino-result[hidden]{display:none}#casino-view .rl-wheel-copy .casino-result-title,#casino-view .rl-wheel-copy .casino-result-amount{font-size:14px}#casino-view .rl-wheel-copy .casino-result small{display:none}
#casino-view .rl-wheel-copy:has(.casino-result:not([hidden]))>strong{display:none}
#casino-view .casino-button.ghost{background:#ffffff06;color:#ddc18b;border-color:#ddc18b55}
@media(max-width:760px){#casino-view .rl-console .casino-stake-hint[data-tone=error]{display:block}}