:root{--bg: #0b1120;--surface: #151d2e;--surface-2: #1e293b;--line: #2c3a52;--text: #e8eefc;--text-muted: #94a3b8;--text-faint: #64748b;--accent: #4d8dfd;--accent-hover:#6ba0ff;--accent-dim: rgba(77, 141, 253, .14);--on-accent: #06121f;--ok: #37d399;--ok-dim: rgba(55, 211, 153, .14);--warn: #f5b544;--warn-dim: rgba(245, 181, 68, .14);--crit: #ff6b6b;--crit-dim: rgba(255, 107, 107, .14);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-8: 3rem;--radius: 10px;--radius-sm: 7px;--radius-lg: 14px;--shadow: 0 4px 16px rgba(0, 0, 0, .3);--content: 1100px;--content-wide: 1500px;--content-narrow: 520px}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #f6f8fc;--surface: #ffffff;--surface-2: #eef2f9;--line: #d6deeb;--text: #0f1b2e;--text-muted: #556579;--text-faint: #7a8798;--accent: #1e5fd8;--accent-hover: #1749ad;--accent-dim: rgba(30, 95, 216, .1);--on-accent: #ffffff;--ok: #0f8a5f;--ok-dim: rgba(15, 138, 95, .1);--warn: #a86a00;--warn-dim: rgba(168, 106, 0, .1);--crit: #c62828;--crit-dim: rgba(198, 40, 40, .1);--shadow: 0 4px 16px rgba(15, 27, 46, .08)}}:root[data-theme=light]{--bg: #f6f8fc;--surface: #ffffff;--surface-2: #eef2f9;--line: #d6deeb;--text: #0f1b2e;--text-muted: #556579;--text-faint: #7a8798;--accent: #1e5fd8;--accent-hover: #1749ad;--accent-dim: rgba(30,95,216,.1);--on-accent: #ffffff;--ok: #0f8a5f;--ok-dim: rgba(15,138,95,.1);--warn: #a86a00;--warn-dim: rgba(168,106,0,.1);--crit: #c62828;--crit-dim: rgba(198,40,40,.1);--shadow: 0 4px 16px rgba(15,27,46,.08)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-md);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--sp-3);font-weight:650}h1{font-size:var(--text-2xl);letter-spacing:-.02em}h2{font-size:var(--text-xl);margin-top:var(--sp-6)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--sp-3)}a{color:var(--accent);text-decoration:none}code,pre,.mono{font-family:var(--mono);font-size:.9em}pre{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-3);overflow-x:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:var(--text-sm)}.right{text-align:right}.num{font-variant-numeric:tabular-nums;font-family:var(--mono)}.m-shell{min-height:100vh;display:flex;flex-direction:column}.m-main{flex:1;width:100%;max-width:var(--content);margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-8)}.m-main.wide{max-width:var(--content-wide)}.m-main.narrow{max-width:var(--content-narrow)}.m-topbar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.m-brand{font-weight:700;letter-spacing:-.02em;font-size:var(--text-lg);color:var(--text);text-decoration:none;white-space:nowrap}.m-brand span{color:var(--accent)}.m-nav{display:flex;gap:var(--sp-4);flex:1;flex-wrap:wrap}.m-nav a{color:var(--text-muted);font-size:var(--text-sm)}.m-nav a:hover,.m-nav a.active{color:var(--text);text-decoration:none}@media (max-width: 640px){.m-topbar{flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3)}.m-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;gap:var(--sp-4);padding-bottom:2px;scrollbar-width:none}.m-nav::-webkit-scrollbar{display:none}.m-nav a{white-space:nowrap}.m-main{padding:var(--sp-4) var(--sp-3) var(--sp-6)}}.m-grid{display:grid;gap:var(--sp-4)}.m-grid.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.m-grid.c3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.m-grid.c4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.m-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4) var(--sp-5)}.m-card h3{margin:0 0 var(--sp-2);font-size:var(--text-md)}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.65rem 1.1rem;background:var(--accent);color:var(--on-accent);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);font-weight:650;cursor:pointer;text-decoration:none;min-height:44px;transition:filter .15s,border-color .15s}.m-btn:hover:not(:disabled){filter:brightness(1.08);text-decoration:none}.m-btn:disabled{opacity:.5;cursor:not-allowed}.m-btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.m-btn.ghost:hover:not(:disabled){border-color:var(--accent)}.m-btn.danger{background:var(--crit);color:#fff}.m-btn.block{width:100%}.m-btn.sm{padding:.35rem .7rem;min-height:34px;font-size:var(--text-xs)}.m-field{margin-bottom:var(--sp-4)}.m-label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-2);font-weight:500}.m-input,.m-select,.m-textarea{width:100%;padding:.7rem .85rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:16px;min-height:44px}.m-input:focus,.m-select:focus,.m-textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.m-textarea{min-height:90px;resize:vertical}.m-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:var(--text-xs);font-weight:650;border:1px solid transparent;white-space:nowrap}.m-badge.ok{background:var(--ok-dim);color:var(--ok);border-color:var(--ok)}.m-badge.warn{background:var(--warn-dim);color:var(--warn);border-color:var(--warn)}.m-badge.crit{background:var(--crit-dim);color:var(--crit);border-color:var(--crit)}.m-badge.dim{background:var(--surface-2);color:var(--text-muted);border-color:var(--line)}.m-alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--text-sm);margin:var(--sp-3) 0;border:1px solid}.m-alert.info{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.m-alert.ok{background:var(--ok-dim);color:var(--ok);border-color:var(--ok)}.m-alert.warn{background:var(--warn-dim);color:var(--warn);border-color:var(--warn)}.m-alert.crit{background:var(--crit-dim);color:var(--crit);border-color:var(--crit)}.m-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.m-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.m-table th,.m-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--line)}.m-table tr:last-child td{border-bottom:none}.m-table th{color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.m-stat-label{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em}.m-stat{font-size:var(--text-2xl);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.2}.m-empty{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--text-muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--panel: var(--surface);--panel-light: var(--surface-2);--muted: var(--text-muted);--border: var(--line);--green: var(--ok);--red: var(--crit);--gold: var(--warn)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:transform .1s,box-shadow .2s,background .2s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}input{font-family:inherit;background:var(--panel-light);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:15px;width:100%}input:focus{outline:none;border-color:var(--accent)}label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}label+label,form>label{margin-top:12px}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin-bottom:16px}h2{font-size:18px;margin-bottom:12px}.app{display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto;background:var(--bg)}.app-main{flex:1;padding:16px 16px 80px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800;letter-spacing:.5px;color:var(--text);background:linear-gradient(135deg,#60a5fa,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-right{display:flex;align-items:center;gap:12px}.balance{font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px}.ws-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.ws-dot.ws-open{background:var(--green)}.ws-dot.ws-connecting{background:var(--gold)}.ws-dot.ws-error,.ws-dot.ws-closed{background:var(--red)}.btn-primary{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;padding:14px 20px;font-size:16px;width:100%}.btn-primary:hover{box-shadow:0 6px 16px #1e40af66}.btn-primary.big{padding:18px 24px;font-size:17px}.btn-primary.active{box-shadow:0 0 0 2px #60a5fa inset}.btn-secondary{background:var(--panel-light);color:var(--text);padding:12px 18px;width:100%}.btn-secondary:hover{background:#3f4f66}.btn-ghost{background:transparent;color:var(--muted);padding:8px 12px}.btn-ghost:hover{color:var(--text)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:14px;margin:12px 0}.muted{color:var(--muted);font-size:13px}.loading{display:flex;justify-content:center;padding:40px 0;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.auth-card{margin-top:32px}.auth-card form>button{margin-top:20px}.auth-links{margin-top:16px;display:flex;justify-content:space-between;font-size:13px}.lobby h1{margin-bottom:16px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;color:var(--text);min-height:150px}.game-card:hover:not(.disabled){border-color:var(--accent-hover);transform:translateY(-2px)}.game-card.disabled{opacity:.55;cursor:not-allowed}.game-icon{font-size:40px;margin-bottom:8px}.game-name{font-weight:700;font-size:15px;margin-bottom:6px}.game-meta{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:12px;color:var(--muted)}.pill{background:var(--panel-light);color:var(--text);padding:2px 8px;border-radius:999px;font-size:11px}.bet-range{font-size:11px}.badge-soon{position:absolute;top:8px;right:8px;background:var(--gold);color:#1f1300;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.pregame{text-align:center}.pregame .actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.play-page{display:flex;flex-direction:column;gap:16px}.play-header{display:flex;justify-content:space-between;align-items:flex-start}.bet-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0 16px}.chip{background:var(--panel-light);color:var(--text);padding:8px 14px;border-radius:999px;font-size:14px}.chip.active{background:var(--accent);box-shadow:0 0 0 2px var(--accent-hover)}.result-banner{margin-top:16px;padding:20px;text-align:center;border-radius:12px;display:flex;flex-direction:column;gap:10px}.result-banner.win{background:linear-gradient(135deg,#16a34a33,#16a34a0d);border:1px solid var(--green)}.result-banner.lose{background:#94a3b814;border:1px solid var(--border)}.result-line{font-size:16px;font-weight:600}.result-amount{font-size:28px;font-weight:800;color:var(--green)}.actions{display:flex;gap:8px}.actions>button{flex:1}.flax-card{display:flex;flex-direction:column;align-items:center;gap:16px}.grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:360px}.scratch-cell{aspect-ratio:1;position:relative;background:linear-gradient(135deg,#b0b6c2,#6b7280);border-radius:12px;font-size:44px;overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.scratch-cell .symbol{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--panel);transform:scale(.6);opacity:0;transition:transform .25s ease,opacity .2s}.scratch-cell .cover{position:relative;z-index:2;color:#ffffffb3;font-weight:700;font-size:28px;text-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-user-select:none;user-select:none}.scratch-cell.open .symbol{transform:scale(1);opacity:1}.scratch-cell.open .cover{display:none}.scratch-cell.win{animation:winPulse .8s ease infinite alternate;border-color:var(--gold)}@keyframes winPulse{0%{box-shadow:0 0 #f59e0b99}to{box-shadow:0 0 0 6px #f59e0b00}}.bingo{display:flex;flex-direction:column;gap:14px}.bingo-headerrow{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.bingo-letter{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;text-align:center;padding:8px 0;font-weight:800;font-size:18px;border-radius:6px}.bingo-card{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.bingo-cell{aspect-ratio:1;background:var(--panel);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;position:relative;transition:background .2s,transform .15s}.bingo-cell.free{background:var(--panel-light);font-size:11px;color:var(--muted)}.bingo-cell.daubed{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-color:var(--accent-hover)}.bingo-cell.daubed:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid rgba(255,255,255,.4);border-radius:50%}.bingo-cell.just-called{transform:scale(1.1);box-shadow:0 0 0 3px var(--gold)}.bingo-cell.win{background:linear-gradient(135deg,var(--green),#15803d);border-color:var(--gold);animation:winPulse .9s ease infinite alternate}.call-strip{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.last-call{text-align:center}.last-call .label{font-size:11px;color:var(--muted)}.last-call .number{font-size:32px;font-weight:800;color:var(--gold);line-height:1}.calls-summary{flex:1;font-size:13px}.patterns{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.pattern-pill{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--panel-light)}.pattern-pill.line{background:#2563eb4d}.pattern-pill.two_lines{background:#f59e0b4d}.pattern-pill.full_house{background:#16a34a4d;color:#bbf7d0}.page{max-width:900px;margin:0 auto;padding:8px 0 48px}.page.narrow{max-width:520px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-head h1{margin:0 0 4px;font-size:24px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.back-link{display:inline-block;color:var(--muted);font-size:14px;text-decoration:none;margin-bottom:16px}.back-link:hover{color:var(--text)}.header-nav{display:flex;gap:16px;margin-right:4px}.header-nav a{color:var(--muted);text-decoration:none;font-size:14px}.header-nav a:hover{color:var(--text)}a.balance{text-decoration:none}.account-list{display:flex;flex-direction:column;gap:12px}.account-card{display:block;text-decoration:none;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;transition:border-color .15s,transform .15s}.account-card:hover{border-color:var(--accent-hover);transform:translateY(-1px)}.account-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.account-type{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.account-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:13px;margin-top:4px}.account-balance{text-align:right}.balance-main{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}.balance-label{color:var(--muted);font-size:12px}.account-reserved{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}.reserved-note{color:var(--gold)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge.ok{background:#16a34a26;color:#4ade80}.badge.warn{background:#f59e0b26;color:var(--gold)}.badge.dim{background:var(--panel-light);color:var(--muted)}.badge.live{background:#2563eb26;color:#60a5fa}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;margin-left:8px;vertical-align:middle;box-shadow:0 0 8px #4ade80cc}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:32px}.stat-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.stat-big{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums}.small{font-size:12px}.tx-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel)}.tx-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.tx-row:last-child{border-bottom:none}.tx-pending{opacity:.65}.tx-main{min-width:0}.tx-label{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-meta{color:var(--muted);font-size:12px;margin-top:3px}.tx-note{color:var(--gold)}.tx-amount{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.tx-amount.in{color:#4ade80}.tx-amount.out{color:var(--text)}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.form{display:flex;flex-direction:column}.form label{font-size:13px;color:var(--muted);margin:14px 0 6px;font-weight:500}.form label:first-child{margin-top:0}.form input[type=text],.form select{width:100%;padding:12px 14px;font-size:16px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:inherit}.form input:focus,.form select:focus{outline:2px solid var(--accent-hover);outline-offset:-1px}.input-suffix{position:relative;display:flex;align-items:center}.input-suffix input{padding-right:42px}.input-suffix span{position:absolute;right:14px;color:var(--muted);font-size:15px;pointer-events:none}.text-error{color:#f87171}.alert{padding:12px 14px;border-radius:8px;font-size:14px;margin:12px 0}.alert.error{background:#dc26261f;color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.alert.info{background:#2563eb1f;color:#93c5fd;border:1px solid rgba(37,99,235,.3)}.empty-state{text-align:center;padding:36px 24px}.empty-state h3{margin:0 0 8px}.success-card{text-align:center;padding:36px 28px}.success-mark{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#16a34a26;color:#4ade80;display:flex;align-items:center;justify-content:center;font-size:28px}.transfer-amount{font-size:30px;font-weight:650;margin:8px 0 4px;font-variant-numeric:tabular-nums}