:root{--bg: #0f1419;--bg-elev: #1a222c;--fg: #e8eef4;--muted: #8b9aab;--accent: #c45c26;--accent-2: #2d6a4f;--danger: #c0392b;--win: #2d6a4f;--lose: #9b2226;--tie: #6c757d;--border: #2a3542;--font-display: "Segoe UI", "Trebuchet MS", sans-serif;--font-body: "Segoe UI", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);background:radial-gradient(ellipse 80% 50% at 50% -20%,#2a1f18 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 100% 100%,#1a2a24 0%,transparent 50%),var(--bg);color:var(--fg);line-height:1.45}.app{min-height:100vh;display:flex;flex-direction:column;max-width:28rem;margin:0 auto;padding:1.25rem 1rem 3rem}.app-main{flex:1}.brand{font-family:var(--font-display);font-size:1.85rem;letter-spacing:.02em;margin:0 0 .5rem;color:#f0d5b8}.lede,.greeting{color:var(--muted);margin:0 0 1.25rem}.player-name{color:var(--fg);font-weight:600}.screen-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem}.screen-header h2{margin:0;flex:1;font-size:1.25rem}.bankroll-badge{font-size:.95rem;padding:.35rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:.35rem}.enter-form{display:flex;flex-direction:column;gap:.5rem}.enter-form label,.bet-label{font-size:.85rem;color:var(--muted)}input[type=text],input[type=number]{font:inherit;padding:.6rem .75rem;border-radius:.35rem;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);width:100%}input[type=number]{width:5rem;text-align:center}.btn{font:inherit;cursor:pointer;border-radius:.4rem;border:1px solid transparent;padding:.65rem 1rem;transition:opacity .15s,background .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:#a34a1c}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--border)}.btn-chip{padding:.35rem .65rem;font-size:.85rem;background:var(--bg-elev);color:var(--fg);border-color:var(--border)}.btn-chip.active{border-color:var(--accent);color:#f0d5b8}.lobby-menu{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.bet-controls{margin:1rem 0}.bet-row{display:flex;align-items:center;gap:.4rem;margin:.4rem 0}.bet-presets{display:flex;flex-wrap:wrap;gap:.35rem}.reel-display{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0 1.25rem}.reel-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:.5rem;font-size:1.75rem;overflow:hidden}.reel-symbol{display:inline-block;line-height:1}.reel-display.spinning .reel-cell{animation:reel-pulse .35s ease-in-out infinite alternate}.reel-display.spinning .reel-symbol{filter:blur(2.5px);opacity:.85;animation:reel-scroll .12s linear infinite}@keyframes reel-pulse{0%{opacity:.7;border-color:var(--accent)}to{opacity:1;border-color:var(--border)}}@keyframes reel-scroll{0%{transform:translateY(-18%)}to{transform:translateY(18%)}}.auto-spin-controls{margin:0 0 .85rem}.auto-spin-remaining,.auto-spin-hint{margin:.4rem 0 0;font-size:.85rem;color:var(--muted)}.auto-spin-remaining{color:#f0d5b8}.spin-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.spin-btn{flex:1;margin-bottom:0}.stop-auto-btn{flex:0 0 auto;min-width:5.5rem}.cards-row{display:flex;gap:1rem;justify-content:center;margin:1rem 0 1.25rem}.card-view{width:7rem;min-height:9rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--border);background:#f5f0e8;color:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center}.card-view.red{color:#b00020}.card-view.black{color:#111}.card-view.face-down{background:#1e3a5f;color:#cde}.card-rank{font-size:1.5rem;font-weight:700}.card-suit{font-size:.85rem}.card-color{font-size:.7rem;text-transform:uppercase;opacity:.7}.guess-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.result-banner{margin-top:.75rem;padding:.75rem 1rem;border-radius:.4rem;text-align:center;font-weight:600}.result-banner.win{background:color-mix(in srgb,var(--win) 35%,transparent);border:1px solid var(--win)}.result-banner.lose{background:color-mix(in srgb,var(--lose) 35%,transparent);border:1px solid var(--lose)}.result-banner.tie{background:color-mix(in srgb,var(--tie) 35%,transparent);border:1px solid var(--tie)}.error-inline{color:#f08080;font-size:.9rem;margin:.35rem 0 0}.error-banner,.warn-banner{margin-top:.75rem;padding:.65rem .85rem;border-radius:.35rem;font-size:.9rem}.error-banner{background:color-mix(in srgb,var(--danger) 25%,transparent);border:1px solid var(--danger)}.warn-banner{background:color-mix(in srgb,#b08900 25%,transparent);border:1px solid #b08900}.linkish{background:none;border:none;color:#f0d5b8;text-decoration:underline;cursor:pointer;font:inherit;padding:0}.instance-footer{margin-top:auto;padding-top:1.5rem;font-size:.7rem;color:var(--muted);text-align:center;opacity:.75;letter-spacing:.02em}