:root{--color-brand-primary:#00d084;--color-brand-primary-dim:#00a86b;--color-brand-secondary:#ff6b35;--color-bg-base:#0a0a0b;--color-bg-elevated:#141416;--color-bg-card:#1c1c1f;--color-bg-card-hover:#242428;--color-bg-overlay:#000000b8;--color-bg-input:#1c1c1f;--color-border-subtle:#ffffff14;--color-border-default:#ffffff1f;--color-border-emphasis:#ffffff3d;--color-text-primary:#f0f0f2;--color-text-secondary:#a0a0a8;--color-text-tertiary:#606068;--color-text-inverse:#0a0a0b;--color-text-brand:#00d084;--color-text-destructive:#ff4d4d;--color-status-confirmed:#00d084;--color-status-pending:#f5a623;--color-status-declined:#ff4d4d;--color-status-waitlist:#a0a0a8;--color-status-ghost:#606068;--color-team-a:#3b82f6;--color-team-a-dim:#3b82f626;--color-team-b:#f59e0b;--color-team-b-dim:#f59e0b26;--color-result-win:#00d084;--color-result-win-dim:#00d08426;--color-result-loss:#ff4d4d;--color-result-loss-dim:#ff4d4d26;--color-result-draw:#a0a0a8;--color-result-draw-dim:#a0a0a826;--color-interactive-primary:#00d084;--color-interactive-primary-hover:#00b872;--color-interactive-primary-fg:#0a0a0b;--color-interactive-ghost-hover:#ffffff0f;--color-interactive-destructive:#ff4d4d;--color-interactive-destructive-hover:#e03d3d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-brand:0 0 20px #00d08440;--nav-height:64px;--nav-height-safe:calc(64px + env(safe-area-inset-bottom));--header-height:56px;--max-content-width:600px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-base:0;--z-raised:10;--z-nav:100;--z-overlay:200;--z-modal:300;--z-toast:400;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--avatar-xl:72px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);overscroll-behavior:none;min-height:100dvh}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}::-webkit-scrollbar{background:0 0;width:0}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.page-container{max-width:var(--max-content-width);padding:0 var(--space-4);padding-bottom:var(--nav-height-safe);margin:0 auto}.section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}