:root{--ws-blue: #1a5fb4;--ws-blue-light: #5b9cf5;--ws-blue-dark: #1450a0;--ws-red: #e53935;--ws-red-dark: #b71c1c;--surface-base: #080e1e;--surface-card: #0d1530;--surface-elevated: #0d1a35;--surface-hover: rgba(255, 255, 255, .03);--surface-active: rgba(255, 255, 255, .06);--surface-item: rgba(255, 255, 255, .015);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .35);--text-muted: rgba(255, 255, 255, .25);--text-disabled: rgba(255, 255, 255, .2);--text-faint: rgba(255, 255, 255, .12);--accent-primary: #5b9cf5;--accent-primary-bg: rgba(91, 156, 245, .06);--accent-primary-border: rgba(91, 156, 245, .12);--accent-primary-glow: rgba(91, 156, 245, .25);--cta-primary: #e53935;--cta-primary-shadow: rgba(229, 57, 53, .25);--success: #4ade80;--success-bg: rgba(74, 222, 128, .08);--success-border: rgba(74, 222, 128, .12);--danger: #e53935;--danger-bg: rgba(229, 57, 53, .08);--danger-border: rgba(229, 57, 53, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--warning-border: rgba(245, 158, 11, .2);--info: #5b9cf5;--info-bg: rgba(91, 156, 245, .08);--roulette-red: #ef5350;--roulette-red-dark: #b71c1c;--roulette-green: #43a047;--roulette-green-dark: #1b5e20;--roulette-black: #151e38;--gold: #d4a84a;--gold-bright: #e8c55a;--gold-bg: rgba(212, 168, 74, .08);--gold-border: rgba(212, 168, 74, .25);--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--border-accent: rgba(91, 156, 245, .15);--font-primary: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Courier New", monospace;--text-xs: 9px;--text-sm: 11px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 28px;--text-4xl: 36px;--text-5xl: 42px;--text-6xl: 52px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1;--leading-snug: 1.2;--leading-normal: 1.4;--leading-relaxed: 1.5;--tracking-tight: -.5px;--tracking-normal: 0;--tracking-wide: 1px;--tracking-wider: 1.5px;--tracking-widest: 2.5px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 20px;--space-10: 24px;--space-11: 28px;--space-12: 32px;--space-13: 40px;--space-14: 48px;--space-15: 64px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 18px;--radius-full: 50%;--radius-pill: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 0 12px rgba(26, 95, 180, .3);--shadow-glow-red: 0 4px 16px rgba(229, 57, 53, .25);--shadow-chip: 0 2px 4px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .12);--bottom-nav-height: calc(72px + env(safe-area-inset-bottom, 0px)) }*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-primary);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;color-scheme:dark}body{min-height:100dvh;overscroll-behavior-y:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}a{color:var(--accent-primary);text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-8);border-radius:var(--radius-xl);font-size:13px;font-weight:700;letter-spacing:.3px;transition:filter .15s ease,opacity .15s ease}.btn:active:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.4}.btn-cta{background:var(--cta-primary);color:#fff;box-shadow:var(--shadow-glow-red);font-size:15px;font-weight:800}.btn-accent{background:var(--accent-primary-bg);border:1px solid var(--accent-primary-border);color:var(--accent-primary)}.btn-ghost{background:var(--surface-active);color:var(--text-secondary)}.btn-danger-soft{background:#e539350a;border:1px solid rgba(229,57,53,.1);color:var(--danger)}.input{width:100%;background:var(--surface-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:14px;font-size:15px;color:var(--text-primary);outline:none;transition:border-color .15s ease}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent-primary-border)}.label{display:block;margin-bottom:var(--space-3);font-size:11px;font-weight:600;color:#fff6;letter-spacing:.5px}.micro-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary)}.section-title{font-size:13px;font-weight:700;letter-spacing:.3px}.page-title{font-size:16px;font-weight:700}.pill{padding:var(--space-3) var(--space-7);border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap;background:var(--surface-active);color:var(--text-tertiary)}.pill-active{background:var(--ws-blue);color:#fff}.scroll-x{display:flex;gap:var(--space-4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll-x::-webkit-scrollbar{display:none}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes win-pulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 20px #4ade8000}}@keyframes jackpot-glow{0%,to{box-shadow:0 0 0 2.5px #d4a84a80,0 0 8px 2px #d4a84a33,0 0 16px 4px #d4a84a0f}50%{box-shadow:0 0 0 2.5px #e8c55ab3,0 0 12px 3px #e8c55a4d,0 0 24px 6px #e8c55a1a}}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse-live 1.5s ease infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}