:root{--bg: #0a0713;--panel: #150f26;--panel-2: #1e1636;--ink: #f4f1ff;--muted: #a99ec6;--accent: #ffd23d;--gold: #e8c56a;--line: rgba(232, 197, 106, .24);--good: #6fe37a;--bad: #ff5b68;--red: #d3283c;--black: #16161c;--green: #1f9d55;--blue: #2f6ee0;--radius: 12px;--controls-height: 176px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% -10%,#241a44 0%,transparent 58%),radial-gradient(ellipse at 50% 120%,#0f2c22 0%,transparent 55%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif}#root{position:relative;isolation:isolate}button{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid #3b2d5e;border-radius:10px;padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(1px) scale(.98)}button:disabled{opacity:.4;cursor:default}button.primary{background:linear-gradient(135deg,var(--accent),#7fc21c);border-color:#cbff7a;color:#10210a;font-weight:800;box-shadow:0 6px 20px #b6ff3d47}button.ghost{background:#140e26b3;border-color:#3b2d5e;color:var(--muted)}button.icon{padding:6px 8px}button.big{padding:14px 22px;font-size:1.02rem;border-radius:14px}input{font:inherit;color:var(--ink);background:#120c22;border:1px solid #3b2d5e;border-radius:10px;padding:10px 14px;width:100%}input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e8c56a33}.muted{color:var(--muted)}.error-text{color:var(--bad);margin:6px 0 0}.error-text.floating{position:fixed;left:50%;bottom:130px;transform:translate(-50%);z-index:30;background:#2b1016;border:1px solid #7a2430;padding:10px 16px;border-radius:10px;cursor:pointer}.hint{margin:4px 0 0;color:var(--muted);font-size:.86rem;text-align:center}.hint.bad{color:var(--bad)}.screen.home{max-width:560px;margin:0 auto;padding:36px 18px 48px;display:grid;gap:20px}.home-head{text-align:center}.home-head h1{margin:10px 0 4px;font-size:2.3rem;letter-spacing:.04em}.home-head p{margin:0;color:var(--muted)}.logo-mark{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#0d5638 0 34%,transparent 35%),conic-gradient(from 180deg,var(--blue) 0 50%,var(--red) 50% 100%);color:var(--gold);box-shadow:0 10px 30px #0000008c,inset 0 0 0 4px var(--gold),inset 0 0 0 22px #0a0713e6}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:12px;box-shadow:0 18px 50px #00000073}.home-card label{font-size:.85rem;color:var(--muted)}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px}.balance-line{display:flex;gap:8px;align-items:center;color:var(--muted)}.balance-line b{color:var(--gold)}.settlement{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px 18px;text-align:center}.settlement.good{border-color:var(--good)}.settlement.bad{border-color:var(--bad)}.settlement h2{margin:0 0 6px;font-size:1.1rem}.settlement p{margin:0 0 10px}.rules{background:#00000040;border-radius:14px;padding:14px 18px}.rules h2{margin:0 0 8px;font-size:1rem;color:var(--gold)}.rules ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.55;font-size:.92rem}.screen.table{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.table-head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:10px 16px;background:#00000059;border-bottom:1px solid var(--line);position:relative;z-index:3}.table-code{display:flex;align-items:center;gap:6px;font-size:.95rem}.table-phase{display:flex;align-items:center;gap:10px}.phase{padding:4px 12px;border-radius:999px;background:var(--panel-2);font-size:.85rem;letter-spacing:.04em}.phase.dealing{background:#3a1220;border:1px solid var(--red);animation:pulse 1.4s ease-in-out infinite}.phase.payout{background:#2f2a12;border:1px solid var(--gold)}@keyframes pulse{50%{filter:brightness(1.45)}}.countdown{font-variant-numeric:tabular-nums;color:var(--muted)}.countdown.urgent b{color:var(--bad)}.table-bank{display:flex;align-items:center;gap:12px}.table-bank .stack{display:inline-flex;align-items:center;gap:4px;color:var(--gold)}.felt-stage{position:relative;min-height:240px;overflow:hidden}.felt-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;touch-action:none}.scene-lost{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:grid;place-items:center;background:#0a0713e6;color:var(--muted);font-size:.95rem}.history-board{position:absolute;top:10px;left:12px;display:flex;flex-wrap:wrap;gap:4px;max-width:46%;pointer-events:none}.history-pill{min-width:26px;padding:2px 6px;border-radius:6px;text-align:center;font-size:.8rem;font-weight:700;border:1px solid rgba(255,255,255,.16);background:var(--black);color:#fff}.history-pill.banker{background:var(--red)}.history-pill.player{background:var(--blue)}.history-pill.tie{background:var(--green)}.outcome-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:#0a0713d1;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.outcome-banner .outcome-value{display:grid;place-items:center;min-width:58px;height:38px;padding:0 12px;border-radius:999px;font-weight:800;font-size:1.1rem;background:var(--black);color:#fff;font-variant-numeric:tabular-nums}.outcome-banner.banker .outcome-value{background:var(--red)}.outcome-banner.player .outcome-value{background:var(--blue)}.outcome-banner.tie .outcome-value{background:var(--green)}.outcome-banner.pending .outcome-value{background:#2a2140;color:var(--muted);letter-spacing:.1em}.outcome-delta{font-weight:800}.outcome-delta.good{color:var(--good)}.outcome-delta.bad{color:var(--bad)}.shoe-count{position:absolute;left:12px;bottom:10px;font-size:.8rem;pointer-events:none;padding:3px 10px;border-radius:999px;background:#0a0713b8;border:1px solid var(--line)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.seat-strip{position:absolute;right:12px;top:10px;display:grid;gap:4px;justify-items:end;pointer-events:none;max-width:40%}.seat-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#0a0713b8;border:1px solid rgba(255,255,255,.08);font-size:.76rem;color:var(--muted)}.seat-pill b{color:var(--ink);font-weight:600;max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-pill i{color:var(--gold);font-style:normal}.seat-pill em{font-style:normal;color:var(--accent)}.seat-pill.you{border-color:var(--accent)}.seat-pill.offline{opacity:.55}.activity{position:absolute;left:12px;bottom:10px;display:grid;gap:2px;pointer-events:none;max-width:60%}.activity p{margin:0;font-size:.78rem;color:var(--muted);background:#0a071399;padding:2px 10px;border-radius:999px;justify-self:start}.activity p.good{color:var(--good)}.activity p.bad{color:var(--bad)}.activity p.gold{color:var(--gold)}.controls{padding:10px 16px calc(12px + env(safe-area-inset-bottom));display:grid;justify-items:center;align-content:center;gap:8px;min-height:var(--controls-height);background:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 40%);position:relative;z-index:3}.bet-status{font-size:.9rem;color:var(--muted);text-align:center}.bet-status b{color:var(--gold)}.chip-tray{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.quick-bets{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:760px}.quick{padding:7px 14px;font-size:.84rem;font-weight:700;border-radius:8px;background:#140e26d9;border:1px solid #3b2d5e;letter-spacing:.03em}.quick.player{border-color:var(--blue);color:#b7cdff}.quick.banker{border-color:var(--red);color:#ffb3bc}.quick.tie{border-color:var(--green);color:#9ef0c2}.quick.playerPair{border-color:#7b5cff;color:#d3c6ff}.quick.bankerPair{border-color:#c98a2e;color:#ffdca8}.chip{--chip: #e8e8e8;--chip-ink: #222;width:52px;height:52px;border-radius:50%;padding:0;border:0;display:inline-grid;place-items:center;flex:none;background:radial-gradient(circle,var(--chip) 0 56%,transparent 57%),repeating-conic-gradient(from 0deg,#fff 0 18deg,var(--chip) 18deg 45deg);box-shadow:0 4px 10px #00000080,inset 0 0 0 2px #00000026;color:var(--chip-ink);font-weight:800;font-size:.85rem}.chip.sm{width:26px;height:26px;font-size:.55rem}.chip.active{box-shadow:0 0 0 3px var(--gold),0 6px 16px #e8c56a73;transform:translateY(-3px)}.chip-core{width:70%;height:70%;border-radius:50%;display:grid;place-items:center;border:2px dashed rgba(0,0,0,.25)}.chip.c25{--chip: #2ea44f;--chip-ink: #f4fff4}.chip.c100{--chip: #1b1b1f;--chip-ink: #f4f4f4}.chip.c500{--chip: #7b36b3;--chip-ink: #fbf2ff}.chip.c1000{--chip: #ffd23d;--chip-ink: #3a2a00}button.chip:hover:not(:disabled){transform:translateY(-4px) rotate(-5deg)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:40;padding:16px}.dialog{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:10px;box-shadow:0 24px 70px #000000a6}.dialog header{display:flex;justify-content:space-between;align-items:center}.dialog h2{margin:0;font-size:1.15rem;display:inline-flex;gap:8px;align-items:center}.dialog label{font-size:.85rem;color:var(--muted)}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset{padding:6px 10px;gap:8px}.preset.active{border-color:var(--gold);box-shadow:0 0 0 2px #e8c56a4d}.toasts{position:fixed;right:12px;top:64px;display:grid;gap:6px;z-index:50}.toast{background:var(--panel-2);border:1px solid var(--line);padding:8px 12px;border-radius:10px;font-size:.9rem}.toast.good{border-color:var(--good)}.toast.bad{border-color:var(--bad)}.toast.gold{border-color:var(--gold)}@media(max-width:900px){.felt-stage{min-height:200px}.seat-strip{max-width:52%}.seat-pill em,.activity{display:none}}@media(max-width:560px){:root{--controls-height: 272px}.table-head{padding:8px 10px;font-size:.9rem}.table-bank .muted{display:none}.history-board{max-width:60%}.history-pill{min-width:22px;font-size:.7rem}.chip{width:46px;height:46px}.chip-tray{gap:6px}.chip-tray button.ghost{padding:8px 10px;font-size:.85rem}.quick{padding:6px 10px;font-size:.76rem}.outcome-banner{top:auto;bottom:8px}.shoe-count{display:none}}