:root{--gold:#e6c877;--gold-soft:#c9ad5f;--line:#d6b6648c;--line-faint:#d6b66442;--line-print:#f7f2e3b8;--line-print-soft:#f7f2e366;--cream:#f4efe3;--muted:#b9c6bc;--red:#a63426;--red-deep:#7d2018;--green-win:#57e39a;--felt:#0b5a34;--felt-edge:#073b22;--cell:#0a3320;--cell-hover:#114a2e;--flank:#7a2b21;--rail:#241812;--rail-hi:#3c281b;--panel:#0d1710;--shadow-1:0 6px 16px #00000080;--shadow-2:0 18px 44px #0009;--serif:"Casablanca", "Optima", "Optima Nova", "Gill Sans", "Gill Sans MT", "Futura", "Segoe UI", system-ui, sans-serif;--sans:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--sans);color:var(--cream);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}body{background:#0a130d}#app{position:fixed;inset:0}.table-bg{z-index:0;position:absolute;inset:0}.table-bg canvas{width:100%;height:100%;display:block}.overlay{z-index:2;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.overlay>*{pointer-events:auto}.top-bar{align-items:center;gap:18px;padding:16px 28px;display:flex}.brand{text-shadow:0 2px 8px #000000b3;align-items:baseline;gap:10px;display:flex}.brand-mark{color:var(--gold);font-size:24px}.brand-name{font-family:var(--serif);letter-spacing:5px;color:var(--gold);font-size:28px;font-weight:700}.brand-sub{letter-spacing:6px;color:#f4efe366;font-size:10px;font-weight:700}.balance-chip{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:12px;align-items:center;gap:12px;padding:8px 20px 8px 12px;display:flex}.coin-ico{background:var(--gold);border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 2px #ffffff59}.balance-stack{flex-direction:column;line-height:1.05;display:flex}.balance-label{letter-spacing:2px;text-transform:uppercase;color:#f4efe380;font-size:9px}.balance-value{color:var(--gold);font-size:22px;font-weight:800}.balance-value.bump{animation:.4s bump;display:inline-block}@keyframes bump{0%{transform:scale(1)}40%{color:var(--green-win);transform:scale(1.22)}to{transform:scale(1)}}.daily-btn{border:1px solid var(--line);background:var(--red);color:var(--cream);letter-spacing:1px;box-shadow:var(--shadow-1);cursor:pointer;border-radius:11px;flex-direction:column;align-items:center;gap:1px;padding:7px 15px;font-family:inherit;font-size:10px;font-weight:800;transition:transform .1s,filter .2s;display:flex}.daily-btn .gift{font-size:17px}.daily-btn:disabled{filter:grayscale(.6)brightness(.7);cursor:default}.daily-btn.ready{animation:1.4s ease-in-out infinite glowpulse}.daily-btn:not(:disabled):active{transform:scale(.95)}@keyframes glowpulse{0%,to{box-shadow:var(--shadow-1)}50%{box-shadow:var(--shadow-1), 0 0 16px #d6b66499}}.mute-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--cream);box-shadow:var(--shadow-1);cursor:pointer;background:#00000040;border-radius:11px;justify-content:center;align-items:center;margin-left:auto;font-size:18px;line-height:1;transition:transform .1s,filter .2s,opacity .2s;display:flex}.mute-btn:hover{filter:brightness(1.15)}.mute-btn:active{transform:scale(.94)}.mute-btn.muted{opacity:.6}.dock{flex-direction:column;gap:12px;width:min(1180px,96vw);margin-top:auto;margin-left:auto;margin-right:auto;padding:0 0 18px;display:flex}.action-bar{background:var(--panel);border:1px solid var(--line-faint);box-shadow:var(--shadow-1);transform-origin:top;border-radius:14px;align-items:center;gap:18px;padding:10px 16px;transition:transform .9s cubic-bezier(.37,0,.63,1),opacity .9s cubic-bezier(.37,0,.63,1);display:flex}.action-bar.dimmed{opacity:.72;transform:translateY(60px)scale(.88)}.chip-wrap{display:flex}.chip-rack{gap:8px;display:flex}.chip{cursor:pointer;background:repeating-conic-gradient(var(--chip-ring) 0deg 15deg, #f6f1e6 15deg 21deg, var(--chip-ring) 21deg 30deg);border:none;border-radius:50%;width:48px;height:48px;padding:4px;transition:transform .12s,filter .15s;position:relative;box-shadow:0 4px 9px #0000008c}.chip-inner{background:var(--chip-face);color:#fff;text-shadow:0 1px 2px #0009;border-radius:50%;place-items:center;width:100%;height:100%;font-size:13px;font-weight:800;display:grid;box-shadow:inset 0 0 0 2px #ffffff80}.chip.selected{filter:drop-shadow(0 8px 8px #00000080);transform:translateY(-6px)scale(1.12)}.chip.selected:after{content:"";border:2px solid var(--gold);border-radius:50%;position:absolute;inset:-4px;box-shadow:0 0 12px #e6c877b3}.chip.too-rich{filter:grayscale(.8)brightness(.5);cursor:default}.controls{align-items:center;gap:14px;margin-left:auto;display:flex}.wager-readout{flex-direction:column;align-items:flex-end;line-height:1.05;display:flex}.wager-label{letter-spacing:1.5px;text-transform:uppercase;color:#f4efe380;font-size:9px}.wager-value{color:var(--gold);font-size:24px;font-weight:800}.control-row{gap:8px;display:flex}.ctrl-btn{border:1px solid var(--line-faint);width:52px;color:var(--cream);cursor:pointer;background:#16241b;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:8px 0;font-family:inherit;font-size:10px;font-weight:700;transition:transform 80ms,background .15s;display:flex}.ctrl-btn .ctrl-ico{color:var(--gold);font-size:16px}.ctrl-btn:hover:not(:disabled){background:#1e3325}.ctrl-btn:active:not(:disabled){transform:scale(.94)}.ctrl-btn:disabled{opacity:.35;cursor:default}.skip-btn{border:1px solid var(--line);background:var(--panel);color:var(--cream);letter-spacing:1px;text-transform:uppercase;box-shadow:var(--shadow-1);cursor:pointer;border-radius:11px;flex-direction:column;align-items:center;gap:1px;padding:8px 15px;font-family:inherit;font-size:10px;font-weight:800;transition:transform .1s,filter .2s,opacity .2s;display:flex}.skip-btn .skip-ico{color:var(--gold);font-size:16px}.skip-btn:hover:not(:disabled){filter:brightness(1.18)}.skip-btn:active:not(:disabled){transform:scale(.94)}.skip-btn:disabled{opacity:.35;cursor:default}.board{--bd-line:#f0ebe3;--bd-line-soft:#f0ebe36b;--bd-red:#d81f2c;--bd-red-deep:#8f1019;--bd-ink:#f4f1ec;--bd-ink-dim:#f4f1ec99;--bd-cell:#ffffff09;--bd-cell-hi:#d81f2c29;font-family:var(--serif);border:3px solid var(--bd-red);box-shadow:var(--shadow-2), inset 0 0 0 1px #000, inset 0 0 0 2px var(--bd-line-soft);transform-origin:top;background:linear-gradient(#17171a 0%,#0b0b0d 100%);border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:transform .9s cubic-bezier(.37,0,.63,1),opacity .9s cubic-bezier(.37,0,.63,1);display:flex;position:relative}.board.disabled{opacity:.72;pointer-events:none;transform:translateY(60px)scale(.88)}.board-top{align-items:stretch;gap:6px;display:flex}.bgroup{flex-direction:column;gap:4px;min-width:0;display:flex}.flank-group{flex:1.4 1 0}.grp-dbl,.grp-trp{flex:1.55 1 0}.grp-any{flex:1.1 1 0}.bgroup-cap{text-align:center;letter-spacing:.6px;text-transform:uppercase;min-height:13px;color:var(--bd-ink);white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:800;line-height:13px;overflow:hidden}.bgroup-cells{flex:1;gap:5px;display:grid}.bgroup-cells .bet-cell{height:100%}.board-top .bet-cell{min-height:74px}.bsection{flex-direction:column;gap:4px;display:flex}.bsection-cap{text-align:center;letter-spacing:1.4px;text-transform:uppercase;color:var(--bd-ink);font-size:8.5px;font-weight:800}.board-row{gap:5px;display:grid}.board-row.totals{grid-template-columns:repeat(14,1fr)}.board-row.totals .bet-cell{min-height:56px}.board-row.combos{grid-template-columns:repeat(15,1fr)}.board-row.combos .bet-cell{min-height:50px}.board-even{grid-template-columns:1fr 1fr;gap:6px;display:grid}.board-even .bet-cell{min-height:38px}.board-singles{flex-direction:column;gap:5px;display:flex}.singles-cells{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.singles-cells .bet-cell{flex-direction:row;gap:10px;min-height:62px}.singles-legend{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.singles-legend span{text-align:center;background:linear-gradient(180deg, var(--bd-red), var(--bd-red-deep));color:var(--bd-ink);letter-spacing:1px;border-radius:4px;padding:6px 4px;font-size:11px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff2e}.bet-cell{border:2px solid var(--bd-line);background:var(--bd-cell);min-height:52px;color:var(--bd-ink);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 3px;font-family:inherit;transition:none;display:flex;position:relative;overflow:visible}.bet-cell:hover{background:var(--bd-red);z-index:2;border-color:#fff;transition:background-color .12s .1s,border-color .12s .1s}.bet-face{flex-direction:column;align-items:center;gap:3px;line-height:1;display:flex}.face-word{font-family:var(--serif);letter-spacing:2px;color:var(--bd-ink);text-shadow:0 1px 3px #000000b3;font-size:20px;font-weight:700}.face-word.sm{letter-spacing:3px;font-size:16px}.face-word.xs{letter-spacing:1px;text-align:center;color:var(--bd-ink);font-size:11px;font-weight:800;line-height:1.15}.face-range{font-family:var(--serif);letter-spacing:1px;color:var(--bd-ink);opacity:.85;font-size:12px}.face-note{letter-spacing:.6px;color:#ffffffb3;font-size:7px;font-weight:700}.face-sub{font-family:var(--serif);letter-spacing:2px;color:var(--bd-ink);font-size:14px;font-weight:700}.face-num{font-family:var(--serif);color:var(--bd-ink);text-shadow:0 1px 4px #000000b3;font-size:24px;font-weight:700}.face-dice{align-items:center;gap:4px;display:flex}.face-dice.vert{flex-direction:column;gap:3px}.face-dice.vert .die{--d:14px;--p:2.2px}.face-dice.domino{gap:6px}.face-dice.domino .die{--d:17px;--p:2.6px}.triple-grid{grid-template-columns:repeat(3,auto);gap:3px;display:grid}.bet-payout{font-family:var(--serif);letter-spacing:.5px;text-transform:uppercase;color:var(--bd-ink);font-size:9px;font-weight:700}.die{--d:20px;--p:3.1px;width:var(--d);height:var(--d);padding:calc(var(--d) * .13);border-radius:calc(var(--d) * .2);background:linear-gradient(150deg,#fff 0%,#e7e2d7 100%);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 2px #00000040,0 1px 2px #0000008c}.die.sm{--d:13px;--p:2px}.die.lg{--d:30px;--p:4.5px}.die.banner{--d:60px;--p:9px;border-radius:12px}.die i{display:block}.die i.pip{width:var(--p);height:var(--p);background:radial-gradient(circle at 35% 30%,#333,#000);border-radius:50%;place-self:center;box-shadow:inset 0 0 1px #000c}.die.red i.pip{background:radial-gradient(circle at 35% 30%,#e8362f,#9c0f0a)}.bet-cell.flank{border-color:var(--bd-line);background:linear-gradient(165deg,#e02330 0%,#b0141f 55%,#7f0d16 100%);gap:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059,inset 0 0 30px #0006}.bet-cell.flank .face-word{color:#fff;letter-spacing:3px;font-size:28px}.bet-cell.flank .face-range{color:#fff;opacity:.95;letter-spacing:2px;font-size:14px}.bet-cell.flank .bet-payout{color:#ffe1e1}.cat-odd-even.bet-cell{min-height:38px}.cat-odd-even .bet-payout{color:var(--bd-ink)}.cat-any-triple.bet-cell{border-color:var(--bd-red);background:radial-gradient(120% 130% at 50% 0,#d81f2c47,#d81f2c0a);box-shadow:inset 0 0 0 1px #0006,inset 0 0 24px #d81f2c1f}.placed-chip{z-index:3;background:repeating-conic-gradient(var(--chip-ring) 0deg 15deg, #f6f1e6 15deg 21deg, var(--chip-ring) 21deg 30deg);width:32px;height:32px;box-shadow:0 1px 0 var(--chip-ring), 0 3px 0 #00000040, 0 5px 8px #0009;pointer-events:none;border-radius:50%;place-items:center;padding:3px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.placed-chip-val{background:var(--chip-face);color:#fff;text-shadow:0 1px 2px #000000b3;border-radius:50%;place-items:center;width:100%;height:100%;font-size:11px;font-weight:800;display:grid;box-shadow:inset 0 0 0 2px #ffffff80}.placed-chip.drop{animation:.32s cubic-bezier(.2,1.4,.4,1) chipdrop}@keyframes chipdrop{0%{opacity:.4;transform:translate(-50%,-160%)scale(1.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.bet-cell.staked{border-color:var(--bd-red)}.board.revealing .bet-cell{filter:brightness(.32)saturate(.7);opacity:.5;transition:filter .25s,opacity .25s}.board.revealing .bet-cell.win{filter:none;opacity:1;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 0 20px #e6c877bf;z-index:2;animation:.9s ease-in-out infinite winpulse}@keyframes winpulse{0%,to{box-shadow:0 0 0 2px var(--gold), 0 0 16px #e6c8778c}50%{box-shadow:0 0 0 2px var(--gold), 0 0 30px #e6c877f2}}.bet-cell.loser{filter:grayscale(.7)brightness(.55);opacity:.55}.countdown{z-index:45;background:var(--panel);border:1.5px solid var(--line);box-shadow:var(--shadow-1);opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 26px 12px;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%,-10px)}.countdown.show{opacity:1;transform:translate(-50%)}.cd-label{font-family:var(--serif);letter-spacing:3px;color:var(--gold);font-size:11px;font-weight:700}.cd-num{font-family:var(--serif);color:var(--cream);font-variant-numeric:tabular-nums;font-size:42px;font-weight:700;line-height:1}.countdown.urgent{border-color:#ff8272}.countdown.urgent .cd-label{color:#ff9b8b}.countdown.urgent .cd-num{color:#ff8272;animation:.5s ease-in-out infinite cdpulse}@keyframes cdpulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.result-banner{z-index:40;background:var(--panel);border:1.5px solid var(--line);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px 44px;transition:opacity .25s,transform .3s cubic-bezier(.2,1.5,.4,1);display:flex;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)scale(.7)}.result-banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.banner-dice{gap:14px;display:flex}.banner-total{font-family:var(--serif);letter-spacing:2px;color:var(--cream);font-size:15px}.banner-outcome{font-family:var(--serif);letter-spacing:1px;font-size:38px;font-weight:700}.banner-outcome.win{color:var(--green-win)}.banner-outcome.lose{color:#ff8272}.banner-outcome.push{color:var(--gold)}#fx-layer{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-coin{will-change:transform, opacity;font-size:24px;position:fixed;transform:translate(-50%,-50%)}.fx-confetti{border-radius:2px;width:9px;height:13px;position:fixed}.fx-float{font-family:var(--serif);will-change:transform, opacity;text-shadow:0 2px 10px #0009;font-size:42px;font-weight:700;position:fixed;transform:translate(-50%,-50%)}.fx-float.win{color:var(--gold)}.fx-float.lose{color:#ff9b8b}#toast{z-index:60;border:1px solid var(--line);color:var(--cream);background:var(--panel);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;border-radius:999px;padding:11px 24px;font-size:13px;font-weight:800;transition:opacity .2s,transform .25s;position:fixed;bottom:40px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.tone-warn{color:#ffbcae;border-color:var(--red)}#toast.tone-win{color:var(--green-win);border-color:#2f9e6e}