:root{--bg: #0b0b1a;--fg: #e9eaff;--muted: #9fa4d6;--accent: #ffd76a;--accent2: #ff5fa2;--panel: rgba(15, 16, 38, .62);--panel-strong: rgba(15, 16, 38, .85);--border: rgba(255, 255, 255, .08);--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{position:fixed;inset:0;display:grid;grid-template-columns:1fr 380px;grid-template-rows:1fr}.app[data-mobile=true]{grid-template-columns:1fr;grid-template-rows:1fr}.canvas-wrap{position:relative;width:100%;height:100dvh;touch-action:none}.hud-side{display:flex;flex-direction:column;gap:12px;padding:16px;padding-top:calc(16px + var(--safe-top));padding-right:calc(16px + var(--safe-right));background:var(--panel);border-left:1px solid var(--border);backdrop-filter:blur(14px);overflow-y:auto}.app[data-mobile=true] .hud-side{display:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:calc(10px + var(--safe-top));padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));background:linear-gradient(180deg,#0b0b1ad9,#0b0b1a00);pointer-events:none;z-index:5}.topbar>*{pointer-events:auto}.pool-pill{display:flex;flex-direction:column;background:var(--panel-strong);border:1px solid var(--border);border-radius:14px;padding:8px 12px;min-width:0;flex:1}.pool-pill .label{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pool-pill .value{font-weight:700;font-size:16px}.pool-pill .sub{color:var(--muted);font-size:11px}.draw-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#1b0a23;font-weight:800;border:none;border-radius:14px;padding:10px 14px;letter-spacing:.04em;text-transform:uppercase;font-size:12px;box-shadow:0 8px 30px #ff5fa259;min-height:44px;white-space:nowrap}.draw-btn:disabled{opacity:.5;cursor:progress}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--panel-strong);border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:8px 14px calc(14px + var(--safe-bottom));padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right));backdrop-filter:blur(14px);transition:transform .24s ease;z-index:6;max-height:76dvh;overflow-y:auto}.bottom-sheet.collapsed{transform:translateY(calc(100% - 96px))}.bottom-sheet .grabber{width:44px;height:5px;border-radius:5px;background:#ffffff2e;margin:6px auto 8px}.bottom-sheet .summary{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.bet-panel h3{margin:4px 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.number-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.number-cell{aspect-ratio:1 / 1;border-radius:10px;background:#ffffff0f;border:1px solid var(--border);color:var(--fg);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;touch-action:manipulation}.number-cell[aria-pressed=true]{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#1b0a23;border-color:transparent;transform:scale(1.04)}.row{display:flex;gap:8px;align-items:center}.btn{background:#ffffff14;border:1px solid var(--border);color:var(--fg);border-radius:10px;padding:8px 12px;font-size:13px;min-height:36px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#1b0a23;border:none;font-weight:800;min-height:44px;width:100%;border-radius:12px;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin-top:10px}.btn-primary:disabled{opacity:.5}.results h4,.history h4{margin:6px 0;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.balls{display:flex;gap:6px;flex-wrap:wrap}.ball{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ffffff14;border:1px solid var(--border);font-weight:700;font-size:12px}.ball.bonus{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#1b0a23;border-color:transparent}.ball.match{box-shadow:inset 0 0 0 2px var(--accent)}.muted{color:var(--muted);font-size:12px}.error{color:#ff6b8a;font-size:12px;margin-top:6px}.theme-row{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#ffffff0f;border:1px solid var(--border);color:var(--fg);border-radius:999px;padding:6px 10px;font-size:12px;min-height:32px}.chip[aria-pressed=true]{background:var(--fg);color:#0b0b1a;border-color:transparent}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:8px}@media (max-width: 767px){.canvas-wrap{height:100dvh}}