:root{--bg:#000;--surface:#1c1c1e;--surface-hi:#2c2c2e;--fg:#fff;--fg-dim:#8e8e93;--card:#fff;--card-ink:#1a1a1a;--card-red:#fc5a4b;--chip:#f2e14c;--card-w:68px;--card-r:11px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font:17px/1.35 var(--sans);color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;position:fixed;inset:0;overflow:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0}#root{flex-direction:column;justify-content:space-between;gap:24px;height:100%;padding:8px 16px 20px;display:flex;overflow:hidden}h1,h2{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:20px}h2{color:var(--fg-dim);font-size:13px;font-weight:400}p{margin:0}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:28px;font-weight:700}.label{color:var(--fg-dim);font-size:13px}.hand{margin-left:8px;display:flex}.hand>.card+.card{margin-left:-8px}.card{width:var(--card-w);aspect-ratio:5/7;border-radius:var(--card-r);background:var(--card);color:var(--card-ink);flex-direction:column;flex:none;justify-content:space-between;align-items:flex-start;padding:8px;display:flex;position:relative;box-shadow:-5px 0 10px #00000073,0 6px 18px #0009}.card[data-red]{color:var(--card-red)}.card .rank{font-size:calc(var(--card-w) * .46);letter-spacing:-.03em;font-weight:700;line-height:1}.card .suit{font-size:calc(var(--card-w) * .3);line-height:1}.card[data-face-down]{background:repeating-linear-gradient(45deg, var(--card-ink) 0 3px, transparent 3px 11px), var(--card);padding:0}.hand[data-own]{--card-w:92px;--card-r:15px}.actions{gap:10px;display:flex}button{font:inherit;background:var(--surface);min-height:60px;color:var(--fg);cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;flex:1;padding:0 20px;font-weight:600}button[data-icon]{flex:0 0 60px;padding:0}button:active{background:var(--surface-hi)}button:disabled{opacity:.35;cursor:default}.chip{background:var(--surface);min-width:34px;height:34px;color:var(--chip);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.panel{background:var(--surface);text-align:center;border-radius:18px;padding:16px}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hands{gap:12px;display:flex}.hands>.hand-group{opacity:.45;flex:none}.hands>.hand-group[data-active]{opacity:1}.hands .hand[data-own]{--card-w:var(--fit-card-w,92px);--card-r:11px}:root{--win:#30d158;--loss:#fc5a4b}.zone{flex-direction:column;align-items:center;gap:8px;display:flex}.hand-wrap{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:relative}.score-row{align-items:baseline;gap:6px;display:flex}.hand[data-dim]{opacity:.4}.bet-chip{z-index:1;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.spacer{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.result-banner{letter-spacing:-.02em;text-transform:uppercase;font-size:28px;font-weight:800}.result-banner[data-outcome=win]{color:var(--win)}.result-banner[data-outcome=loss]{color:var(--loss)}.bet-row{align-items:center;gap:12px;display:flex}.slider{appearance:none;background:var(--surface);border-radius:999px;flex:1;height:4px}.slider::-webkit-slider-runnable-track{background:var(--surface);border-radius:999px;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--fg);border:0;border-radius:50%;width:26px;height:26px;margin-top:-11px}.slider:disabled{opacity:.35}.action-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bottom-row{gap:12px;display:flex}.bottom-row>.action-grid,.bottom-row>.panel{flex:1}.stats-panel{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.win-amount{min-height:1.2em;color:var(--win);font-variant-numeric:tabular-nums;font-weight:700}