:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--felt:#0b5d34;--felt-edge:#073f23;--ink:#f5f5f0;--ink-dim:#cfe3d6;--accent:#e8b33d;--accent-ink:#231a02;--panel:#00000038;--card-face:#fdfdf8;--card-red:#c0272d;--card-black:#1d1d24;--card-back:#2456a6;--card-back-line:#1a3f7a;--card-border:#e8e2cf;--card-w:clamp(46px, 15vw, 82px);--card-h:calc(var(--card-w) * 1.4);--card-radius:calc(var(--card-w) * .1);--layout-w:360px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{background:radial-gradient(ellipse at 50% 35%, var(--felt) 0%, var(--felt-edge) 100%);min-height:100vh;color:var(--ink);margin:0}.topbar{max-width:var(--layout-w);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.9rem 1rem .25rem;display:flex;position:relative}.brand{letter-spacing:.02em;margin:0;font-size:1.35rem}.table{max-width:var(--layout-w);flex-direction:column;gap:1rem;margin:0 auto;padding:.75rem 1rem 2rem;display:flex}.area-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.78rem;font-weight:600;display:flex}.label-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:.5rem;display:inline-flex}.hand-meta{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.badge{background:var(--panel);color:var(--ink);letter-spacing:.02em;text-transform:none;border-radius:999px;padding:.15rem .6rem;font-size:.82rem;font-weight:700}.badge-bet{color:var(--accent)}.badge-result{background:var(--accent);color:var(--accent-ink)}.message{text-align:center;min-height:1.5em;margin:0;font-size:1.15rem;font-weight:600}.hands{flex-direction:column;gap:.9rem;display:flex}.hand{background:var(--panel);border:2px solid #0000;border-radius:14px;padding:.7rem .8rem .85rem}.hand.active{border-color:var(--accent)}.stats-bar{background:var(--panel);color:var(--ink-dim);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;padding:.5rem .8rem;font-size:.9rem;display:flex}.stats-bar strong{color:var(--ink)}.stats-bar .btn-small{min-height:34px;margin-left:auto;padding:.3rem .8rem;font-size:.85rem}.settings-toggle{align-items:center;gap:.45rem;display:inline-flex}.settings-icon{flex:none}.settings-panel .setting-toggle{flex-direction:row;justify-content:space-between;align-items:center}.switch{flex:none;width:46px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-slider{border:1px solid var(--btn-border);pointer-events:none;background:#ffffff29;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch-slider:after{content:"";background:var(--ink);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-slider{background:var(--accent)}.switch input:checked+.switch-slider:after{background:#fff8ea;transform:translate(20px)}.switch input:focus-visible+.switch-slider{outline:2px solid var(--accent);outline-offset:2px}.settings-panel{z-index:40;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:250px;color:var(--ink-dim);border:1px solid #ffffff38;border-radius:12px;flex-direction:column;gap:.65rem;padding:.85rem;font-size:.9rem;display:flex;position:absolute;top:calc(100% + 6px);right:1rem;box-shadow:0 14px 34px #0006}.settings-panel label{justify-content:space-between;align-items:center;gap:.9rem;display:flex}.settings-panel select{background:var(--panel);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #ffffff4d;border-radius:8px;padding:.3rem .55rem}.settings-panel select:disabled{opacity:.5;cursor:not-allowed}.settings-note{font-size:.82rem;font-style:italic}.history-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.history-list li{background:var(--panel);color:var(--ink-dim);border-radius:8px;justify-content:space-between;gap:1rem;padding:.4rem .7rem;font-size:.9rem;display:flex}.history-list strong{color:var(--ink)}.history-list strong.net-pos{color:var(--accent)}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:.25rem;display:flex}.controls.betting{flex-flow:column}.btn{background:var(--panel);min-height:48px;color:var(--ink);cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.5rem;font-size:1rem;font-weight:700}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled),.chip:active{transform:scale(.96)}.chips{scrollbar-width:none;align-self:stretch;min-width:0;padding:.25rem .15rem .45rem;overflow-x:auto}.chips-row{flex-wrap:nowrap;justify-content:center;gap:.55rem;width:max-content;min-width:100%;display:flex}@media (width>=600px){.chips{overflow-x:visible}.chips-row{position:relative;left:50%;transform:translate(-50%)}}.chips::-webkit-scrollbar{display:none}.chip{background:var(--card-back);color:#fff;cursor:pointer;text-shadow:0 1px 2px #00000073;border:4px dashed #f5efe0;border-radius:50%;flex:none;width:54px;height:54px;font-size:.95rem;font-weight:800;box-shadow:inset 0 0 0 3px #0000002e}.chip[data-amount="5"]{background:#c62f3b}.chip[data-amount="25"]{background:#1f9d55}.chip[data-amount="50"]{background:#2067c9}.chip[data-amount="100"]{background:#26262e}.chip[data-amount="500"]{background:#7d3cbf}.chip[data-amount="1000"]{background:#e07b24}.chip[data-amount="2000"]{color:#241a02;text-shadow:none;background:#d9a416}.chip[data-amount="5000"]{background:#7d8590}.chip[data-amount="10000"]{background:#c9377c}[data-theme=halloween] .chip[data-amount="5"]{background:#a41230}[data-theme=halloween] .chip[data-amount="25"]{background:#4da324}[data-theme=halloween] .chip[data-amount="50"]{background:#5b2a86}[data-theme=halloween] .chip[data-amount="100"]{background:#17101f}[data-theme=halloween] .chip[data-amount="500"]{background:#e06f00}[data-theme=halloween] .chip[data-amount="1000"]{color:#2a1503;background:#e8dcc0}[data-theme=halloween] .chip[data-amount="2000"]{background:#c9930a}[data-theme=halloween] .chip[data-amount="5000"]{background:#6f7683}[data-theme=halloween] .chip[data-amount="10000"]{background:#a31d64}.bet-row{flex-direction:column;gap:.6rem;width:100%;display:flex}.bet-info{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.bet-actions{gap:.6rem;display:flex}.bet-actions .btn{flex:1}.bet-display{text-align:center;min-width:6.5rem;font-size:1.05rem}.bankroll-display{min-width:9.5rem}.bet-display strong{color:var(--accent)}.broke-note{text-align:center;width:100%;margin:0;font-weight:600}.keys-hint{text-align:center;width:100%;color:var(--ink-dim);margin:.1rem 0 0;font-size:.8rem}@media (width>=760px){.hands{flex-direction:row;justify-content:center}.hands .hand{flex:1 1 0}}@media (width<=480px){.topbar{flex-flow:wrap;align-items:center;gap:.2rem 1rem;padding-top:.7rem}.brand{order:1}.settings-toggle{order:2;margin-left:auto}.table{gap:.8rem;padding:.5rem .6rem 1.5rem}.message{font-size:1.05rem}.controls .btn{flex:42%}.chip{width:48px;height:48px}}@media (orientation:landscape) and (height<=540px){:root{--card-w:clamp(40px, 16vh, 64px)}.table{gap:.55rem;padding-bottom:1rem}}[data-theme=midnight]{--felt:#182c47;--felt-edge:#0a1524;--ink:#eef3f8;--ink-dim:#b7c9dc;--accent:#e0b34c;--accent-ink:#231a02;--card-back:#7a1f2b;--card-back-line:#571520}[data-theme=burgundy]{--felt:#661626;--felt-edge:#38060f;--ink:#faf0f1;--ink-dim:#e8ccd1;--accent:#e3b34e;--accent-ink:#231a02;--card-back:#1f3a5f;--card-back-line:#142842}[data-theme=halloween]{--felt:#2a1540;--felt-edge:#12061f;--ink:#f3ead8;--ink-dim:#c9b8d9;--accent:#f07d1a;--accent-ink:#2a1503;--card-face:#f7efdc;--card-red:#b3122e;--card-black:#2a1845;--card-border:#d9c9a8;--card-back:#3b1d5e;--card-back-line:#241040}.theme-select{background:var(--panel);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #ffffff4d;border-radius:8px;padding:.35rem .6rem}.cards{min-height:var(--card-h);align-items:flex-start;display:flex}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:var(--card-face);flex:none;position:relative;box-shadow:0 2px 6px #0006}.card+.card{margin-left:calc(var(--card-w) * -.42)}.card.red{color:var(--card-red)}.card.black{color:var(--card-black)}.card .corner-pos{line-height:1;position:absolute}.card .corner-pos.top-left{top:5%;left:7%}.card .corner-pos.bottom-right{bottom:5%;right:7%;transform:rotate(180deg)}.card .corner{flex-direction:column;align-items:center;font-weight:700;display:flex}.card .corner .rank{font-size:calc(var(--card-w) * .27)}.card .corner .suit{font-size:calc(var(--card-w) * .21)}.card .pip{font-size:calc(var(--card-w) * .55);place-items:center;display:grid;position:absolute;inset:0}.card .court-accent{display:none}[data-theme=halloween] .card .court-accent{top:calc(var(--card-w) * .14);right:calc(var(--card-w) * .12);width:calc(var(--card-w) * .32);height:calc(var(--card-w) * .17);opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Cpath d='M4 13 Q14 2 24 10 Q28 3 32 8 Q36 3 40 10 Q50 2 60 13 Q50 19 42 14 Q38 23 32 18 Q26 23 22 14 Q14 19 4 13 Z' fill='%232a1845'/%3E%3C/svg%3E") 50%/contain no-repeat;display:block;position:absolute}[data-theme=halloween] .card[data-rank=J] .corner .rank,[data-theme=halloween] .card[data-rank=Q] .corner .rank,[data-theme=halloween] .card[data-rank=K] .corner .rank{color:#e06f00}[data-theme=halloween] .card .pip-ace{color:#0000;background-position:50%;background-repeat:no-repeat;background-size:70%}[data-theme=halloween] .card[data-suit=hearts] .pip-ace{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M46 24c0-6 2-10 7-13l4 4c-3 2-5 5-5 9z' fill='%236a9a3f'/%3E%3Cellipse cx='50' cy='59' rx='34' ry='30' fill='%23f07d1a'/%3E%3Cpath d='M35 34c-4 16-4 34 0 50M65 34c4 16 4 34 0 50' stroke='%23c25e08' stroke-width='2.5' fill='none' opacity='.45'/%3E%3Ctext x='50' y='73' font-size='36' text-anchor='middle' fill='%23ffd34d' stroke='%237a3c00' stroke-width='1' font-family='serif'%3E%E2%99%A5%3C/text%3E%3C/svg%3E")}[data-theme=halloween] .card[data-suit=diamonds] .pip-ace{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M46 24c0-6 2-10 7-13l4 4c-3 2-5 5-5 9z' fill='%236a9a3f'/%3E%3Cellipse cx='50' cy='59' rx='34' ry='30' fill='%23f07d1a'/%3E%3Cpath d='M35 34c-4 16-4 34 0 50M65 34c4 16 4 34 0 50' stroke='%23c25e08' stroke-width='2.5' fill='none' opacity='.45'/%3E%3Ctext x='50' y='73' font-size='36' text-anchor='middle' fill='%23ffd34d' stroke='%237a3c00' stroke-width='1' font-family='serif'%3E%E2%99%A6%3C/text%3E%3C/svg%3E")}[data-theme=halloween] .card[data-suit=spades] .pip-ace{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M46 24c0-6 2-10 7-13l4 4c-3 2-5 5-5 9z' fill='%236a9a3f'/%3E%3Cellipse cx='50' cy='59' rx='34' ry='30' fill='%235b2a86'/%3E%3Cpath d='M35 34c-4 16-4 34 0 50M65 34c4 16 4 34 0 50' stroke='%233f1c5e' stroke-width='2.5' fill='none' opacity='.5'/%3E%3Ctext x='50' y='73' font-size='36' text-anchor='middle' fill='%23ffd34d' stroke='%232a1503' stroke-width='1' font-family='serif'%3E%E2%99%A0%3C/text%3E%3C/svg%3E")}[data-theme=halloween] .card[data-suit=clubs] .pip-ace{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M46 24c0-6 2-10 7-13l4 4c-3 2-5 5-5 9z' fill='%236a9a3f'/%3E%3Cellipse cx='50' cy='59' rx='34' ry='30' fill='%235b2a86'/%3E%3Cpath d='M35 34c-4 16-4 34 0 50M65 34c4 16 4 34 0 50' stroke='%233f1c5e' stroke-width='2.5' fill='none' opacity='.5'/%3E%3Ctext x='50' y='73' font-size='36' text-anchor='middle' fill='%23ffd34d' stroke='%232a1503' stroke-width='1' font-family='serif'%3E%E2%99%A3%3C/text%3E%3C/svg%3E")}.card.face-down{background:var(--card-back);border:3px solid var(--card-border);box-sizing:border-box}.card-back-pattern{border-radius:calc(var(--card-radius) * .6);background:repeating-linear-gradient(45deg, var(--card-back-line) 0 4px, transparent 4px 8px);position:absolute;inset:4px}[data-theme=halloween] .card-back-pattern{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cg fill='none' stroke='%23b18fe8' stroke-width='1.1' opacity='0.8'%3E%3Cpath d='M4 4h44M4 4l31 31M4 4v44M4 4l40 15M4 4l15 40'/%3E%3Cpath d='M16 4a12 12 0 0 1-12 12M26 4a22 22 0 0 1-22 22M38 4a34 34 0 0 1-34 34M12.5 12.5a12 12 0 0 0 8.5-3.5M21 21a22 22 0 0 0 15-6M30 30a34 34 0 0 0 22-9'/%3E%3C/g%3E%3C/svg%3E") 0 0/52px 52px}@keyframes deal-in{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:none}}@keyframes flip-in{0%{opacity:.4;transform:rotateY(90deg)}to{opacity:1;transform:none}}.card.deal-in{animation:.18s ease-out both deal-in}.card.flip-in{animation:.24s ease-out both flip-in}@media (prefers-reduced-motion:reduce){.card.deal-in,.card.flip-in{animation:none}}.confetti-canvas{pointer-events:none;z-index:50;position:fixed;inset:0}.app-footer{text-align:center;color:var(--muted);opacity:.85;padding:.1rem 1rem .9rem;font-size:.68rem}.card-slot{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);border:2px dotted #ffffff59;border:2px dotted color-mix(in srgb, var(--ink) 40%, transparent);background:#0000001a;flex:none}.card-slot+.card-slot{margin-left:calc(var(--card-w) * -.42)}.halloween-decor,.decor-moon,.decor-cat,.decor-pumpkin{display:none}[data-theme=halloween] .halloween-decor{z-index:0;pointer-events:none;display:block;position:fixed;inset:0}.decor-web{color:#e9ddf7;opacity:.45;width:128px;height:128px;position:absolute;top:0}.decor-web svg{width:100%;height:100%}.web-left{left:0}.web-right{right:0;transform:scaleX(-1)}.decor-spider{transform-origin:top;color:#1b0b2e;width:26px;position:absolute;top:0;right:40px}.decor-spider .spider-thread{background:#e9ddf7d9;width:1px;height:72px;margin:0 auto;display:block}.decor-spider svg{filter:drop-shadow(0 0 5px #e9ddf78c);width:100%;display:block}.decor-bat{color:#0d0416;opacity:.95;position:absolute}.decor-bat svg{width:100%;display:block}.bat-1{width:44px;top:148px;left:9%}.bat-2{width:34px;top:238px;right:7%}.bat-3{opacity:.8;width:26px;top:74px;left:22%}[data-theme=halloween] .decor-moon{vertical-align:-6px;background:radial-gradient(circle at 38% 34%,#fdf6d8,#f0d894 58%,#dfc078);border-radius:50%;width:27px;height:27px;margin-right:.55rem;display:inline-block;position:relative;box-shadow:0 0 16px #fdf6d866}.decor-moon svg{color:#170828;width:38px;height:19px;position:absolute;top:5px;left:-5px}[data-theme=halloween] .hand{position:relative}[data-theme=halloween] .decor-cat{z-index:2;pointer-events:none;width:48px;display:block;position:absolute;bottom:-13px;right:10px}.decor-cat svg{filter:drop-shadow(0 0 6px #e9ddf780);width:100%;display:block}[data-theme=halloween] .decor-pumpkin{vertical-align:-3px;width:17px;height:17px;margin-right:.35rem;display:inline-block}.decor-pumpkin svg{width:100%;height:100%;display:block}@media (width<=600px){.decor-web{width:88px;height:88px}.decor-spider{right:24px}.decor-spider .spider-thread{height:48px}.bat-1{width:36px;top:118px;left:4%}.bat-2{width:28px;top:250px}.bat-3{display:none}}@media (prefers-reduced-motion:no-preference){[data-theme=halloween] .decor-spider{animation:7s ease-in-out infinite alternate decor-sway}[data-theme=halloween] .decor-bat{animation:5s ease-in-out infinite decor-bob}[data-theme=halloween] .bat-2{animation-duration:6.5s;animation-delay:-2s}[data-theme=halloween] .bat-3{animation-duration:4.2s;animation-delay:-1s}}@keyframes decor-sway{0%{transform:rotate(3.5deg)}to{transform:rotate(-3.5deg)}}@keyframes decor-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}