:root{--brand-navy:#0d1c3e;--brand-navy-mid:#162650;--brand-navy-light:#1e3570;--brand-blue:#2154a8;--brand-gold:#f47820;--brand-gold-hover:#d96510;--brand-gold-dim:#f4782020;--brand-orange:#f47820;--brand-orange-hover:#d96510;--brand-orange-dim:#f4782018;--brand-on-accent:#0d1c3e;--color-bg:#f0f4f8;--color-bg-alt:#e4eaf1;--color-surface:#fff;--color-surface-2:#f7f9fc;--color-border:#d1dbe8;--color-border-strong:#a8becc;--color-primary:#162650;--color-primary-hover:#1e3570;--color-accent:#f47820;--color-accent-hover:#d96510;--color-text:#0d1c3e;--color-text-muted:#4a6080;--color-text-subtle:#7a96b0;--color-text-on-primary:#fff;--color-text-on-accent:#fff;--color-win:#16a34a;--color-win-bg:#dcfce7;--color-draw:#d97706;--color-draw-bg:#fef3c7;--color-loss:#dc2626;--color-loss-bg:#fee2e2;--color-live:#dc2626;--color-scheduled:#2563eb;--color-completed:#16a34a;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#2563eb;--color-info-bg:#dbeafe;--font-display:"Oswald", "Impact", "Arial Black", sans-serif;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--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;--max-width:1280px;--max-width-md:768px;--header-height:64px;--sidebar-width:260px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #1d283a0f;--shadow-sm:0 1px 3px #1d283a1a, 0 1px 2px #1d283a0f;--shadow-md:0 4px 6px #1d283a12, 0 2px 4px #1d283a0d;--shadow-lg:0 10px 15px #1d283a1a, 0 4px 6px #1d283a0d;--shadow-xl:0 20px 25px #1d283a26, 0 10px 10px #1d283a0a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}[data-theme=dark]{--color-bg:#070e1a;--color-bg-alt:#0a1628;--color-surface:#0f1f38;--color-surface-2:#142743;--color-border:#1e3456;--color-border-strong:#2a4a78;--color-primary:#f47820;--color-primary-hover:#ff8c35;--color-accent:#f47820;--color-accent-hover:#ff8c35;--color-text:#edf2f7;--color-text-muted:#8fa3b8;--color-text-subtle:#5a7490;--color-text-on-primary:#fff;--color-text-on-accent:#fff;--color-win-bg:#052e12;--color-draw-bg:#311e07;--color-loss-bg:#2e0707;--color-success-bg:#052e12;--color-warning-bg:#311e07;--color-danger-bg:#2e0707;--color-info-bg:#071e44;--shadow-xs:0 1px 2px #050b1466;--shadow-sm:0 1px 3px #050b1480, 0 1px 2px #050b144d;--shadow-md:0 4px 6px #050b1466, 0 2px 4px #050b1440;--shadow-lg:0 10px 15px #050b1480, 0 4px 6px #050b144d;--shadow-xl:0 20px 25px #050b1499, 0 10px 10px #050b1440}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;transition:background-color var(--transition-slow), color var(--transition-slow)}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;transition:border-color var(--transition-fast), background-color var(--transition-slow), box-shadow var(--transition-fast)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:.01em}table{border-collapse:collapse;width:100%}svg{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-6);margin-inline:auto}@media (width<=640px){.container{padding-inline:var(--space-4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-slow) both}.animate-scale-in{animation:scaleIn var(--transition-base) both}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}button:active:not(:disabled){transform:scale(.98)}::selection{background:var(--brand-orange-dim);color:var(--color-text)}[data-theme=dark] ::selection{background:#f4782059}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media print{.no-print{display:none!important}body{color:#000;background:#fff}.container{max-width:100%;padding:0}}.app-header{background:var(--brand-navy);border-bottom:3px solid var(--brand-gold);height:var(--header-height);z-index:var(--z-sticky);box-shadow:var(--shadow-lg);position:sticky;top:0}.app-header--branded{background:linear-gradient(90deg, var(--tourn-primary,var(--brand-navy)) 0%, var(--tourn-primary-deep,var(--brand-navy)) 100%);border-bottom-color:var(--tourn-accent,var(--brand-gold))}.app-header--branded .brand-name,.app-header--branded .header-tournament-name{color:var(--tourn-on-primary,#fff)}.app-header--branded .brand-sub{color:var(--tourn-accent,var(--brand-orange))}.app-header--branded .header-tournament-sub{color:var(--tourn-on-primary-muted,#fff9)}.app-header-inner{align-items:center;gap:var(--space-4);height:100%;display:flex}.app-header-left{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.app-header-back{border-radius:var(--radius-md);cursor:pointer;color:#ffffffb3;width:32px;height:32px;transition:background var(--transition-fast), color var(--transition-fast);background:#ffffff14;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-header-back:hover{color:#fff;background:#ffffff26}.admin-indicator{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-gold);border-radius:var(--radius-full);background:#ffc5001f;border:1px solid #ffc50040;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:flex}.app-header-brand{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:flex}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{font-family:var(--font-display);font-size:var(--text-lg);color:#fff;letter-spacing:.06em;font-weight:700}.brand-sub{color:var(--brand-orange);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600}.app-header-title{flex-direction:column;flex:1;display:flex;overflow:hidden}.header-tournament-name{font-family:var(--font-display);font-size:var(--text-base);color:#fff;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.header-tournament-sub{font-size:var(--text-xs);color:#ffffff80;letter-spacing:.05em}.app-header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.header-icon-btn{border-radius:var(--radius-md);color:#ffffffa6;width:32px;height:32px;transition:background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.header-icon-btn:disabled{opacity:.3;cursor:default}.undo-redo-group{border-radius:var(--radius-md);background:#ffffff0f;gap:2px;padding:2px;display:flex}.header-pill-btn{border-radius:var(--radius-full);color:#fffc;height:30px;font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff2e;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:flex}.header-pill-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff59}.header-pill-btn kbd{font-family:var(--font-mono);border-radius:var(--radius-sm);background:#ffffff1f;border:1px solid #ffffff26;padding:1px 4px;font-size:10px}.sync-pill{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.sync-pill-saved{color:#6ee7a0;background:#16a34a26;border:1px solid #16a34a4d}.sync-pill-saving{color:#93c5fd;background:#2563eb26;border:1px solid #2563eb4d}.sync-pill-offline{color:#fca5a5;background:#dc262626;border:1px solid #dc262659}.sync-pill-local{color:#ffffff8c;background:#ffffff12;border:1px solid #ffffff26}.sync-pill-spin{animation:1.2s linear infinite spin}@media (width<=720px){.sync-pill span,.header-pill-btn span{display:none}.sync-pill,.header-pill-btn{padding-inline:7px}}.theme-toggle{border-radius:var(--radius-md);color:#ffffffa6;width:36px;height:36px;transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:#fff;background:#ffffff1a}.app-footer{margin-top:var(--space-16);padding:var(--space-6) 0;border-top:1px solid var(--color-border);background:var(--color-surface)}.app-footer-inner{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.footer-brand{font-family:var(--font-display);color:var(--brand-gold);letter-spacing:.05em;font-weight:700;font-size:var(--text-base)}.footer-sep{color:var(--color-border-strong)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn-xs{height:28px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-sm{height:34px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-md{height:40px;padding:0 var(--space-5);font-size:var(--text-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-primary{background:var(--brand-navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-navy-light);box-shadow:var(--shadow-md)}.btn-accent{background:var(--brand-gold);color:var(--brand-on-accent)}.btn-accent:hover:not(:disabled){background:var(--brand-gold-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-alt);border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-alt);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-outline-primary{color:var(--brand-navy);border:1.5px solid var(--brand-navy);background:0 0}.btn-outline-primary:hover:not(:disabled){background:var(--brand-navy);color:#fff}[data-theme=dark] .btn-outline-primary{color:var(--brand-gold);border-color:var(--brand-gold)}[data-theme=dark] .btn-outline-primary:hover:not(:disabled){background:var(--brand-gold);color:var(--brand-on-accent)}.btn-icon,.btn-icon-right{align-items:center;display:flex}.btn-icon svg,.btn-icon-right svg{width:16px;height:16px}.btn-lg .btn-icon svg,.btn-lg .btn-icon-right svg{width:18px;height:18px}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.landing-page{flex-direction:column;min-height:100vh;display:flex}.landing-hero{background:var(--brand-navy);padding:var(--space-16) 0 var(--space-12);flex-shrink:0;position:relative;overflow:hidden}.landing-hero-bg{pointer-events:none;position:absolute;inset:0}.hero-lines{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lh-ring{border:1px solid #f4782012;border-radius:50%;position:absolute}.lh-ring-1{width:600px;height:600px;top:-200px;right:-100px}.lh-ring-2{border-color:#f478201a;width:400px;height:400px;top:-100px;right:50px}.lh-glow{background:radial-gradient(circle,#f478200f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-50px}.landing-hero-inner{z-index:1;gap:var(--space-6);flex-direction:column;max-width:700px;display:flex;position:relative}.landing-hero-brand{align-items:center;gap:var(--space-4);display:flex}.landing-hero-wordmark{flex-direction:column;line-height:1.1;display:flex}.lhw-name{font-family:var(--font-display);letter-spacing:.08em;color:#fff;font-size:2rem;font-weight:700}.lhw-sub{font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-orange);font-weight:600}.landing-hero-title{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;margin:0;font-size:clamp(2.5rem,7vw,5rem);font-weight:700;line-height:1.05}.landing-hero-accent{color:var(--brand-orange)}.landing-hero-sub{font-size:var(--text-lg);color:#ffffffa6;max-width:560px;margin:0;line-height:1.65}.landing-hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-sports-ribbon{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.sport-pill{font-size:var(--text-xs);color:#ffffff73;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff17;font-weight:500}.sport-pill:first-child{color:var(--brand-orange);background:#f4782014;border-color:#f4782059}.landing-stats-bar{background:var(--brand-navy-mid);border-top:1px solid #f4782026;border-bottom:1px solid #f4782026}.landing-stats-inner{justify-content:center;align-items:center;gap:var(--space-8);padding-block:var(--space-6);flex-wrap:wrap;display:flex}.landing-stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.landing-stat-val{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--brand-orange);font-weight:700;line-height:1}.landing-stat-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-weight:600}.landing-stat-divider{background:#ffffff1a;width:1px;height:40px}.landing-features{padding:var(--space-16) 0;background:var(--color-bg)}.section-label{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--brand-orange);margin-bottom:var(--space-3);font-weight:700}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:.02em;color:var(--color-text);margin:0 0 var(--space-10);max-width:480px;font-weight:700}.features-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast), transform var(--transition-fast)}.feature-card:hover{border-color:var(--brand-orange);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--brand-orange);margin-bottom:var(--space-4);background:#f478201a;justify-content:center;align-items:center;display:flex}.feature-title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.03em;color:var(--color-text);margin:0 0 var(--space-2);font-weight:600}.feature-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.landing-cta{background:var(--brand-navy);padding:var(--space-12) 0;border-top:3px solid var(--brand-orange);position:relative;overflow:hidden}.landing-cta-bg{pointer-events:none;opacity:.8;position:absolute;inset:0}.landing-cta-bg svg{width:100%;height:100%}.landing-cta-inner{z-index:1;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex;position:relative}.landing-cta-logo{flex-shrink:0}.landing-cta-text{flex:1;min-width:240px}.landing-cta-text h2{font-family:var(--font-display);font-size:var(--text-2xl);color:#fff;letter-spacing:.03em;margin:0 0 var(--space-2);font-weight:700}.landing-cta-text p{color:#ffffff8c;font-size:var(--text-base);margin:0}.landing-cta-actions{gap:var(--space-3);flex-shrink:0;display:flex}@media (width<=640px){.landing-hero{padding:var(--space-12) 0 var(--space-8)}.landing-stats-inner{gap:var(--space-5)}.landing-stat-divider{display:none}.landing-cta-inner{flex-direction:column;align-items:flex-start}.landing-cta-actions{flex-direction:column;width:100%}.landing-cta-actions a{width:100%}.landing-cta-actions a button{justify-content:center;width:100%}}