:root{--felt-900: #070f0c;--felt-800: #0b1410;--felt-700: #10201a;--felt-600: #16302610;--line: #1e3229;--line-strong: #2b463a;--ink: #f2f6f4;--ink-dim: #9db0a7;--ink-faint: #6b7f76;--accent: #e8a33d;--accent-dim: #8a6224;--accent-ink: #1a1204;--win: #52c98b;--lose: #e2685f;--push: #8fa3b8;--card-face: #fbfbf9;--card-red: #c1272d;--card-black: #17191c;--radius: 12px;--radius-sm: 8px;--tap: 44px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--felt-900);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{min-height:100dvh}#root{min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(120% 80% at 50% 0%,#12241d 0%,var(--felt-900) 60%)}.shell{width:100%;max-width:460px;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-dim)}.topbar strong{color:var(--ink);font-weight:600;letter-spacing:.01em}.topbar .meta{display:flex;gap:12px;font-variant-numeric:tabular-nums}.bankroll{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.main{padding:12px 14px 0;display:flex;flex-direction:column;gap:12px;min-height:0}.footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,#060c0a 70%);position:sticky;bottom:0}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);margin:0 0 6px}.card-strip{display:flex;align-items:flex-end;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:2px}.card-strip::-webkit-scrollbar{display:none}.playing-card{flex:0 0 auto;background:var(--card-face);border-radius:6px;box-shadow:0 2px #00000059,0 6px 14px #0006;display:flex;flex-direction:column;justify-content:space-between;padding:4px 5px;font-weight:700;line-height:1;user-select:none}.playing-card .rank{font-size:calc(var(--cw) * .42)}.playing-card .suit{font-size:calc(var(--cw) * .4);align-self:flex-end}.playing-card.red{color:var(--card-red)}.playing-card.black{color:var(--card-black)}.card-placeholder{flex:0 0 auto;border:1px dashed var(--line-strong);border-radius:6px;opacity:.5}.felt-panel{background:linear-gradient(180deg,var(--felt-700),var(--felt-800));border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.dealer-block{display:flex;flex-direction:column;gap:8px}.total-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);background:#0000004d;border:1px solid var(--line-strong);border-radius:999px;padding:3px 10px;font-variant-numeric:tabular-nums}.total-chip.soft{color:var(--accent);border-color:var(--accent-dim)}.hand-row{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0a1512}.hand-row[data-current=true]{border-color:var(--accent-dim);box-shadow:inset 3px 0 0 var(--accent);background:#121a13}.hand-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink-dim)}.hand-head .who{color:var(--ink);font-weight:600}.hand-head .stake{font-variant-numeric:tabular-nums}.result-text{font-size:12px;line-height:1.35;color:var(--ink-dim)}.result-text.win{color:var(--win)}.result-text.lose{color:var(--lose)}.result-text.push{color:var(--push)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;min-height:var(--tap);min-width:var(--tap);border-radius:var(--radius-sm);transition:transform .06s ease,opacity .12s ease,background .12s ease}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.32;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.actions.four{grid-template-columns:repeat(2,1fr)}.btn-action{background:#17281f;border:1px solid var(--line-strong);font-weight:700;font-size:15px;letter-spacing:.03em;padding:12px 8px}.btn-action:hover:not(:disabled){background:#1d3327}.btn-primary{width:100%;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:16px;letter-spacing:.02em;padding:13px}.btn-primary:hover:not(:disabled){background:#f0b25a}.btn-quiet{background:transparent;border:1px solid var(--line-strong);color:var(--ink-dim);font-size:13px;padding:8px 12px}.bet-box{border:1px solid var(--line);border-radius:var(--radius);padding:10px;background:#0a1512;display:flex;flex-direction:column;gap:8px}.bet-box[data-active=true]{border-color:var(--accent-dim);box-shadow:inset 3px 0 0 var(--accent)}.bet-box-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.bet-box-head .tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:600}.wager-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.wager-row .label{font-size:12px;color:var(--ink-dim)}.wager-row .label .limits{color:var(--ink-faint);font-size:10px;display:block}.stepper{display:flex;align-items:center;gap:2px}.stepper .amount{min-width:74px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;font-size:14px}.stepper button{width:var(--tap);height:var(--tap);background:#17281f;border:1px solid var(--line-strong);font-size:20px;font-weight:600;line-height:1;display:grid;place-items:center}.stepper button:hover:not(:disabled){background:#1d3327}.errors{display:flex;flex-direction:column;gap:4px}.error{font-size:12px;color:#ffd2cd;background:#3a1512;border:1px solid #6b2b25;border-radius:var(--radius-sm);padding:7px 9px}.prev-hand{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:8px 10px;background:#08110e}.prev-hand summary{cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);list-style:none}.prev-hand summary::-webkit-details-marker{display:none}.prev-hand .body{display:flex;flex-direction:column;gap:8px;padding-top:8px}.prev-hand .mini-row{display:flex;align-items:center;gap:8px;font-size:12px}.prev-hand .mini-row .who{color:var(--ink-dim);min-width:52px}.scroll-region{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:10px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:8px}.spread{display:flex;align-items:center;justify-content:space-between;gap:8px}.kv{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.kv .k{color:var(--ink-dim)}.kv .v{font-variant-numeric:tabular-nums;font-weight:600}.notice{font-size:11px;line-height:1.45;color:var(--ink-faint);border-top:1px solid var(--line);padding-top:8px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;border-radius:999px;padding:2px 7px;border:1px solid var(--accent-dim);color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}