:root{--bg: #0f172a;--panel: #1e293b;--panel-light: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #1e40af;--accent-hover: #2563eb;--green: #16a34a;--red: #dc2626;--gold: #f59e0b;--border: #475569}*{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}.small{font-size:12px}.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}