@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;600;700;800&display=swap);:root{--primary:#e3372f;--primary-rgb:227,55,47;--primary-dark:#b32822;--primary-light:#ff6158;--brand-blue:#1b2f50;--brand-blue-light:#27416b;--brand-blue-rgb:27,47,80;--bg-dark:#0b111a;--bg-card:#0f1a2b;--bg-card-hover:#15223a;--bg-input:#1a2742;--border:#1f2c47;--border-light:#2a3c60;--text:#f8fafc;--text-muted:#9aa9c0;--text-secondary:#b7c4d8;--accent-red:#e3372f;--gold:gold;--silver:silver;--bronze:#cd7f32;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-body:"Manrope","Segoe UI",sans-serif;--font-display:"Bebas Neue","Impact",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b111a;background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 10%,#e3372f1f,#0000 40%),radial-gradient(circle at 85% 0,#1b2f5059,#0000 35%);color:#f8fafc;color:var(--text);font-family:Manrope,Segoe UI,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh}#root,.App{display:flex;flex-direction:column;min-height:100vh}.App{padding-top:82px}a{color:#e3372f;color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:#ff6158;color:var(--primary-light)}.event-name,.navbar-brand,h1,h2,h3,h4,h5{font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);letter-spacing:.5px}.hero-banner{overflow:hidden;position:relative}.hero-banner:after,.hero-banner:before{animation:heroPulse 10s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#e3372f47,#0000 45%),radial-gradient(circle at 80% 10%,#1b2f5059,#0000 50%);background:radial-gradient(circle at 20% 20%,rgba(var(--primary-rgb),.28),#0000 45%),radial-gradient(circle at 80% 10%,rgba(var(--brand-blue-rgb),.35),#0000 50%);content:"";inset:-40%;pointer-events:none;position:absolute}.hero-banner:after{animation:heroDrift 16s ease-in-out infinite;background:radial-gradient(circle at 70% 60%,#e3372f2e,#0000 40%),radial-gradient(circle at 30% 80%,#1b2f5040,#0000 45%);background:radial-gradient(circle at 70% 60%,rgba(var(--primary-rgb),.18),#0000 40%),radial-gradient(circle at 30% 80%,rgba(var(--brand-blue-rgb),.25),#0000 45%);inset:-60%;mix-blend-mode:screen}.hero-content{position:relative;z-index:1}.hero-scroll-hint{align-items:center;color:#fff6;display:none;flex-direction:column;font-size:13px;font-weight:500;gap:4px;letter-spacing:.5px;margin-top:28px}.hero-scroll-hint svg{animation:scrollBounce 1.5s ease-in-out infinite}@keyframes scrollBounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes heroPulse{0%{opacity:.7;transform:translateZ(0) scale(1)}50%{opacity:1;transform:translate3d(-3%,-2%,0) scale(1.05)}to{opacity:.7;transform:translateZ(0) scale(1)}}@keyframes heroDrift{0%{opacity:.6;transform:translateZ(0) scale(1.02)}50%{opacity:.9;transform:translate3d(4%,-3%,0) scale(1.08)}to{opacity:.6;transform:translateZ(0) scale(1.02)}}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#e3372f,#b32822);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #e3372f59;transform:translateY(-1px)}.btn-secondary{background-color:#1a2742;background-color:var(--bg-input);border:1px solid #1f2c47;border:1px solid var(--border);color:#f8fafc;color:var(--text)}.btn-secondary:hover:not(:disabled){background-color:#15223a;background-color:var(--bg-card-hover);border-color:#2a3c60;border-color:var(--border-light)}.btn-outline{background-color:initial;border:2px solid #e3372f;border:2px solid var(--primary);color:#e3372f;color:var(--primary)}.btn-outline:hover:not(:disabled){background-color:#e3372f;background-color:var(--primary);color:#fff}.btn-danger{background-color:#ef4444;background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-sm{font-size:13px;padding:8px 16px}.btn-lg{font-size:16px;padding:16px 32px}.form-group{margin-bottom:20px}.form-label{color:#9aa9c0;color:var(--text-muted);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input,.form-select{background-color:#1a2742;background-color:var(--bg-input);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:8px;color:#fff;font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#e3372f;border-color:var(--primary);box-shadow:0 0 0 3px #e3372f26;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);outline:none}.form-input::placeholder{color:#9aa9c0;color:var(--text-muted)}.card{background-color:#0f1a2b;background-color:var(--bg-card);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:24px}.card-header{border-bottom:1px solid #1f2c47;border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:16px}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#0f1a2bf2,#0a101ce6);border-bottom:1px solid #e3372f26;left:0;overflow:visible;padding:16px 0;position:fixed;right:0;top:0;transition:top .2s ease;z-index:100}.contest-banner-visible .navbar{top:40px;top:var(--banner-height,40px)}.contest-banner-visible main{padding-top:40px;padding-top:var(--banner-height,40px)}.navbar-content{justify-content:space-between;overflow:visible}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{color:#fff;font-size:26px;font-weight:700;gap:8px}.navbar-brand img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));height:36px;object-fit:contain;width:36px}.brand-wordmark{color:#fff;letter-spacing:1.2px;text-transform:uppercase}.brand-highlight{color:#e3372f;color:var(--primary)}.navbar-links{align-items:center;display:flex;gap:8px}.navbar-user-section{align-items:center;display:flex;gap:12px;margin-left:8px}.mobile-menu-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;display:none;min-height:44px;min-width:44px;padding:12px;touch-action:manipulation;z-index:101}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background-color:#f8fafc;background-color:var(--text);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar-link{border-radius:8px;color:#9aa9c0;color:var(--text-muted);font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.navbar-link.active,.navbar-link:hover{background-color:#e3372f1f;color:#f8fafc;color:var(--text)}.nav-live-badge{animation:livePulse 2s ease-in-out infinite;background:#ef4444;border-radius:4px;color:#fff;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;margin-left:6px;padding:1px 6px;vertical-align:middle}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.navbar-user{gap:12px}.navbar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#e3372f,#b32822);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.tabs{background-color:#1a2742;background-color:var(--bg-input);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab{background:none;border:none;border-radius:8px;color:#9aa9c0;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.tab.active,.tab:hover{color:#f8fafc;color:var(--text)}.tab.active{background-color:#e3372f26;background-color:rgba(var(--primary-rgb),.15)}.fight-card{background-color:#0f1a2b;background-color:var(--bg-card);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:24px;transition:all .2s ease}.fight-card.title{animation:titleGlow 2.8s ease-in-out infinite;background:radial-gradient(circle at 10% 10%,#e3372f33,#0000 45%),linear-gradient(135deg,#1b2f5066,#0f1a2b 60%);background:radial-gradient(circle at 10% 10%,rgba(var(--primary-rgb),.2),#0000 45%),linear-gradient(135deg,rgba(var(--brand-blue-rgb),.4) 0,var(--bg-card) 60%);border-color:#e3372f;border-color:var(--primary);box-shadow:0 0 0 2px #e3372f40,0 12px 30px #e3372f33;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.25),0 12px 30px rgba(var(--primary-rgb),.2);overflow:hidden;position:relative}.fight-card.title:before{animation:titleSweep 4.2s ease-in-out infinite;background:linear-gradient(120deg,#e3372f00 30%,#e3372f47 50%,#e3372f00 70%);background:linear-gradient(120deg,rgba(var(--primary-rgb),0) 30%,rgba(var(--primary-rgb),.28) 50%,rgba(var(--primary-rgb),0) 70%);content:"";inset:-60% -20%;pointer-events:none;position:absolute;transform:translateX(-30%)}.fight-card:hover{border-color:#2a3c60;border-color:var(--border-light)}.fight-card.selected{box-shadow:0 0 0 3px #e3372f1a;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.fight-card.selected,.fight-card.title.selected{border-color:#e3372f;border-color:var(--primary)}.fight-card.title.selected{box-shadow:0 0 0 3px #e3372f40;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25)}.title-banner{background:linear-gradient(90deg,#e3372ff2,#e3372fb3);background:linear-gradient(90deg,rgba(var(--primary-rgb),.95),rgba(var(--primary-rgb),.7));border-radius:999px;box-shadow:0 6px 18px #e3372f4d;box-shadow:0 6px 18px rgba(var(--primary-rgb),.3);color:#0b111a;font-size:11px;font-weight:700;left:50%;letter-spacing:1.2px;padding:6px 16px;position:absolute;text-transform:uppercase;top:16px;transform:translateX(-50%);z-index:1}.fight-card.title .fighter-photo{border-color:#e3372fb3;border-color:rgba(var(--primary-rgb),.7);box-shadow:0 6px 24px #e3372f40,inset 0 2px 4px #ffffff14;box-shadow:0 6px 24px rgba(var(--primary-rgb),.25),inset 0 2px 4px #ffffff14;color:#e3372f;color:var(--primary)}.fight-matchup{align-items:center;display:flex;gap:16px;justify-content:space-between}.fighter{border:2px solid #0000;border-radius:12px;cursor:pointer;flex:1 1;padding:20px;text-align:center;transition:all .2s ease}.fighter:hover{background-color:#1a2742;background-color:var(--bg-input)}.fighter.selected{background-color:#e3372f1f;background-color:rgba(var(--primary-rgb),.12);border-color:#e3372f;border-color:var(--primary)}.fighter.winner{background-color:#10b9811a;border-color:#10b981;border-color:var(--success)}.fighter.loser{opacity:.5}.fighter.selected.pick-correct{background-color:#22c55e26;border-color:#22c55e}.fighter.selected.pick-correct .fighter-photo{background:linear-gradient(145deg,#22c55e40,#22c55e1f);border-color:#22c55e;box-shadow:0 4px 20px #22c55e59}.fighter.selected.pick-incorrect{background-color:#ef444426;border-color:#ef4444}.fighter.selected.pick-incorrect .fighter-photo{background:linear-gradient(145deg,#ef444440,#ef44441f);border-color:#ef4444;box-shadow:0 4px 20px #ef444459}.fighter-photo{align-items:center;background:linear-gradient(145deg,#2a3441,#1a1f2e);border:3px solid #1f2c47;border:3px solid var(--border);border-radius:50%;box-shadow:0 4px 12px #0000004d,inset 0 2px 4px #ffffff0d;color:#e3372f;color:var(--primary);display:flex;font-size:32px;font-weight:700;height:90px;justify-content:center;margin:0 auto 12px;transition:all .2s ease;width:90px}.fighter:hover .fighter-photo{border-color:#e3372f;border-color:var(--primary);box-shadow:0 4px 20px #e3372f40,inset 0 2px 4px #ffffff0d;box-shadow:0 4px 20px rgba(var(--primary-rgb),.25),inset 0 2px 4px #ffffff0d}.fighter.selected .fighter-photo{background:linear-gradient(145deg,#e3372f40,#e3372f1f);background:linear-gradient(145deg,rgba(var(--primary-rgb),.25) 0,rgba(var(--primary-rgb),.12) 100%);border-color:#e3372f;border-color:var(--primary);box-shadow:0 4px 20px #e3372f59;box-shadow:0 4px 20px rgba(var(--primary-rgb),.35)}.fighter-name{font-size:18px;font-weight:700;margin-bottom:4px}.fighter-record{color:#9aa9c0;color:var(--text-muted);font-size:14px}.community-pick-pct{color:#e3372f;color:var(--primary);font-size:12px;font-weight:600;margin-top:4px;opacity:.85}.fight-vs{color:#9aa9c0;color:var(--text-muted);font-size:14px;font-weight:700;text-transform:uppercase}.fight-info{border-top:1px solid #1f2c47;border-top:1px solid var(--border);margin-top:16px;padding-top:16px;text-align:center}.fight-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.weight-class{background-color:#1a2742;background-color:var(--bg-input);border-radius:20px;color:#b7c4d8;color:var(--text-secondary);display:inline-block;font-size:12px;font-weight:500;padding:6px 14px}.rounds-pill{align-items:center;background:#e3372f1f;background:rgba(var(--primary-rgb),.12);border:1px solid #e3372f66;border:1px solid rgba(var(--primary-rgb),.4);border-radius:999px;color:#f8fafc;color:var(--text);display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.rounds-pill.title{background:#e3372f33;background:rgba(var(--primary-rgb),.2);border-color:#e3372f99;border-color:rgba(var(--primary-rgb),.6)}.fight-badge,.rounds-pill.title{color:#ff6158;color:var(--primary-light)}.fight-badge{background:#e3372f2e;background:rgba(var(--primary-rgb),.18);border:1px solid #e3372f73;border:1px solid rgba(var(--primary-rgb),.45);border-radius:999px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.fight-badge.title-fight{background:linear-gradient(135deg,gold,#ffb300 50%,gold);border:1px solid gold;box-shadow:0 0 8px #ffd70066;color:#1a1a2e;font-weight:700;padding:3px 10px}@keyframes titleGlow{0%{box-shadow:0 0 0 2px #e3372f33,0 10px 24px #e3372f1f;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2),0 10px 24px rgba(var(--primary-rgb),.12)}50%{box-shadow:0 0 0 3px #e3372f4d,0 16px 36px #e3372f3d;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3),0 16px 36px rgba(var(--primary-rgb),.24)}to{box-shadow:0 0 0 2px #e3372f33,0 10px 24px #e3372f1f;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2),0 10px 24px rgba(var(--primary-rgb),.12)}}@keyframes titleSweep{0%{opacity:.3;transform:translateX(-40%) rotate(8deg)}50%{opacity:.55;transform:translateX(40%) rotate(8deg)}to{opacity:.2;transform:translateX(80%) rotate(8deg)}}.method-selection{border-top:1px solid #1f2c47;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.method-label{color:#9aa9c0;color:var(--text-muted);font-size:13px;margin-bottom:12px}.method-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.method-btn{background-color:#1a2742;background-color:var(--bg-input);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:8px;color:#f8fafc;color:var(--text);cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;transition:all .2s ease}.method-btn:hover{background-color:#15223a;background-color:var(--bg-card-hover);border-color:#2a3c60;border-color:var(--border-light)}.method-btn.selected{background:linear-gradient(135deg,#e3372f,#b32822);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#e3372f;border-color:var(--primary);color:#fff}.modal-backdrop{align-items:center;background:#0a101cb3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal-card{background:#0f1a2b;background:var(--bg-card);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px #00000059;max-width:520px;padding:24px;width:100%}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #1f2c47;border-bottom:1px solid var(--border);padding:16px;text-align:left}.leaderboard-table th{color:#9aa9c0;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.leaderboard-row{transition:background-color .2s ease}.leaderboard-row:hover{background-color:#1a2742;background-color:var(--bg-input)}.leaderboard-row.first-place{background-color:#ffd7000d}.leaderboard-row.second-place{background-color:#c0c0c00d}.leaderboard-row.third-place{background-color:#cd7f320d}.rank-badge{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.rank-1{background-color:gold;background-color:var(--gold);color:#000}.rank-2{background-color:silver;background-color:var(--silver);color:#000}.rank-3{background-color:#cd7f32;background-color:var(--bronze);color:#000}.rank-other{background-color:#1a2742;background-color:var(--bg-input);color:#f8fafc;color:var(--text)}.event-header{background:linear-gradient(180deg,#0f1a2b,#0b111a);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-dark) 100%);border-bottom:1px solid #1f2c47;border-bottom:1px solid var(--border);margin-bottom:32px;padding:48px 20px;text-align:center}.event-name{font-size:42px;font-weight:800;margin-bottom:12px}.event-name span{color:#e3372f;color:var(--primary)}.event-date{font-size:16px;margin-bottom:4px}.event-date,.event-venue{color:#9aa9c0;color:var(--text-muted)}.event-venue{font-size:14px}.event-status{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;margin-top:16px;padding:8px 20px}.event-status.upcoming{background-color:#e3372f;background-color:var(--primary);color:#fff}.event-status.live{background-color:#ef4444;background-color:var(--error);color:#fff}.event-status.completed{background-color:#1a2742;background-color:var(--bg-input);color:#9aa9c0;color:var(--text-muted)}.message{align-items:center;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.message-success{background-color:#10b9811a;border:1px solid #10b981;border:1px solid var(--success);color:#34d399}.message-error{background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error);color:#f87171}.message-info{background-color:#e3372f1a;background-color:rgba(var(--primary-rgb),.1);border:1px solid #e3372f;border:1px solid var(--primary);color:#ff6158;color:var(--primary-light)}.league-card{background-color:#0f1a2b;background-color:var(--bg-card);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:24px;transition:all .2s ease}.league-card:hover{border-color:#e3372f;border-color:var(--primary);transform:translateY(-2px)}.league-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.league-card-name{font-size:18px;font-weight:700}.league-card-members{background-color:#1a2742;background-color:var(--bg-input);border-radius:12px;color:#9aa9c0;color:var(--text-muted);font-size:12px;padding:4px 10px}.league-card-meta{color:#9aa9c0;color:var(--text-muted);display:flex;font-size:13px;gap:16px}.invite-code-box{background-color:#1a2742;background-color:var(--bg-input);border:2px dashed #1f2c47;border:2px dashed var(--border);border-radius:12px;padding:20px;text-align:center}.invite-code{color:#e3372f;color:var(--primary);font-family:Monaco,Menlo,monospace;font-size:32px;font-weight:800;letter-spacing:4px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{background-color:#0f1a2b;background-color:var(--bg-card);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-value{color:#e3372f;color:var(--primary);font-size:32px;font-weight:700}.stat-label{font-size:12px;margin-top:4px}.loading,.stat-label{color:#9aa9c0;color:var(--text-muted)}.loading{padding:60px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #1f2c47;border-top-color:#e3372f;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.hero{background:linear-gradient(180deg,#0f1a2b,#0b111a);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-dark) 100%);padding:80px 20px;text-align:center}.hero-title{font-size:48px;font-weight:800;margin-bottom:16px}.hero-title span{color:#e3372f;color:var(--primary)}.hero-subtitle{color:#9aa9c0;color:var(--text-muted);font-size:18px;margin:0 auto 32px;max-width:500px}.auth-container{margin:60px auto;max-width:400px;padding:0 20px}.auth-card{background-color:#0f1a2b;background-color:var(--bg-card);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:16px;padding:32px}.auth-title{font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{margin-bottom:32px;text-align:center}.auth-divider,.auth-subtitle{color:#9aa9c0;color:var(--text-muted)}.auth-divider{align-items:center;display:flex;font-size:14px;gap:16px;margin:24px 0}.auth-divider:after,.auth-divider:before{background-color:#1f2c47;background-color:var(--border);content:"";flex:1 1;height:1px}.empty-state{color:#9aa9c0;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-title{color:#f8fafc;color:var(--text);font-size:18px;font-weight:600;margin-bottom:8px}.how-it-works-row{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:repeat(2,1fr)!important}.screenshot-wrapper{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease}.screenshot-container:hover .screenshot-wrapper{box-shadow:0 40px 80px #0009,0 0 120px #e3372f4d!important;box-shadow:0 40px 80px #0009,0 0 120px rgba(var(--primary-rgb),.3)!important;transform:translateY(-8px) scale(1.02)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.screenshot-wrapper{animation:gradientShift 4s ease infinite;background-size:200% 200%}.get-started-hint-inline{align-items:center;animation:fadeInHint .5s ease,pulseHint 2s ease-in-out infinite;color:#e3372f;color:var(--primary);display:flex;font-size:14px;font-weight:600;gap:6px;white-space:nowrap}.bounce-arrow-right{animation:bounceArrowRight 1s ease-in-out infinite;font-size:20px}@keyframes bounceArrowRight{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}@keyframes fadeInHint{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulseHint{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){body,html{overflow-x:hidden;width:100%}.App{padding-top:80px}.container{max-width:100%;padding:24px 12px 0}.navbar{padding:12px 0}.navbar-content{flex-direction:row;flex-wrap:wrap;position:relative}.mobile-menu-btn{display:block}.navbar-links{display:none!important}.navbar-links.mobile-open{background:#0a101c;border-top:1px solid #1f2c47;border-top:1px solid var(--border);box-shadow:0 10px 30px #00000080;display:flex!important;flex-direction:column;gap:12px;left:0;padding:20px;position:fixed;right:0;top:65px;z-index:9999}.navbar-link{border-radius:8px;font-size:15px;padding:12px 16px;text-align:center;width:100%}.navbar-link.active,.navbar-link:hover{background-color:#e3372f26}.navbar-user-section{border-top:1px solid #1f2c47;border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-left:0;margin-top:8px;padding-top:12px;width:100%}.navbar-user-section .btn{width:100%}.navbar-brand img{height:40px}.card{border-radius:8px;padding:16px}.btn{font-size:13px;padding:10px 16px}.btn-lg{font-size:14px;padding:12px 20px}.fight-matchup{flex-direction:column}.fighter{padding:16px;width:100%}.fighter-photo{font-size:24px;height:70px;width:70px}.fighter-name{font-size:16px}.fight-vs{padding:8px 0}.fight-card{padding:16px}.title-banner{font-size:10px;padding:4px 12px;top:12px}.event-name{font-size:24px}.event-header{padding:32px 16px}.hero{padding:40px 16px}.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.hero-grid{gap:40px!important;grid-template-columns:1fr!important;text-align:center}.hero-content h1{font-size:36px!important}.hero-demo{order:1}.hero-scroll-hint{display:flex}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{font-size:13px;padding:10px 14px;white-space:nowrap}.method-options{flex-direction:column}.method-btn{padding:12px;width:100%}.leaderboard-table{font-size:13px}.leaderboard-table td,.leaderboard-table th{padding:10px 6px}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-value{font-size:24px}.stat-label{font-size:11px}.form-input,.form-select{font-size:16px;padding:12px 14px}.auth-container{margin:32px auto;padding:0 12px}.auth-card{padding:20px}.auth-title{font-size:20px}.how-it-works-row,[style*=grid-template-columns]{grid-template-columns:1fr!important}.how-it-works-row{gap:24px}.how-it-works-row .how-it-works-image,.how-it-works-row .how-it-works-text{order:0!important}.how-it-works-row .how-it-works-text{text-align:center}.get-started-hint-inline{font-size:12px}.bounce-arrow-right{font-size:16px}[style*="display: grid"][style*="minmax(200px"]{grid-template-columns:repeat(2,1fr)!important}[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap}.card,.container,main{overflow-x:hidden}.rank-badge{font-size:12px;height:28px;width:28px}.loading{padding:40px 20px}.empty-state{padding:40px 16px}}@media (max-width:480px){.container{padding:0 8px}.navbar-links{padding:12px}.navbar-link{font-size:14px;padding:10px 12px}.card{padding:12px}.btn{font-size:12px;padding:8px 12px}.fight-card{padding:10px}.fight-matchup{flex-direction:row;gap:8px}.fighter{padding:8px 4px}.fighter-photo{font-size:16px;height:48px;margin-bottom:4px;width:48px}.fighter-name{font-size:13px}.fighter-record{font-size:10px}.community-pick-pct{font-size:10px;margin-top:2px}.fight-vs{font-size:11px;padding:0}.fight-info{padding-top:6px}.fight-meta{margin-top:2px}.method-selection{margin-top:8px;padding-top:8px}.method-options{gap:6px}.method-btn{font-size:13px;padding:9px}.event-name{font-size:20px}.hero-title,h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}}.page{animation:fadeIn .3s ease}.text-center{text-align:center}.text-muted{color:#9aa9c0;color:var(--text-muted)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.shareable-card-container{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:100%}.shareable-pick-card{background:linear-gradient(145deg,#0f1a2b,#1a2742 50%,#0b111a);border:2px solid #e3372f4d;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #e3372f26;max-width:380px;width:100%}@media (max-width:768px){.shareable-card-container{max-height:95vh;padding:8px}.shareable-pick-card{max-width:100%}.pick-card-header{padding:10px 10px 8px}.pick-card-logo-img{margin-bottom:4px;width:60px}.pick-card-logo{font-size:18px;margin-bottom:2px}.pick-card-event{font-size:14px}.pick-card-user{font-size:11px}.pick-card-fights{gap:4px;padding:6px 8px}.pick-card-fight{padding:6px 10px}.pick-card-fight.main-event{padding-top:18px}.main-event-badge,.title-badge{font-size:8px;padding:2px 6px;top:4px}.fighter-name-short{font-size:12px}.method-badge{font-size:8px;padding:2px 5px}.pick-vs{font-size:10px}.pick-card-footer{padding:8px}.pick-card-cta{font-size:10px}.share-actions{margin-top:10px}.share-actions .btn{font-size:13px;padding:8px 16px}}.pick-card-header{background:linear-gradient(180deg,#e3372f26,#0000);border-bottom:1px solid #e3372f33;padding:16px 16px 12px;text-align:center}.pick-card-logo-img{border-radius:14px;height:auto;margin-bottom:8px;object-fit:contain;width:120px}.pick-card-logo{color:#e3372f;color:var(--primary);font-size:24px;letter-spacing:2px;margin-bottom:4px;text-shadow:0 2px 10px #e3372f80}.pick-card-event,.pick-card-logo{font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display)}.pick-card-event{color:#fff;font-size:18px;margin-bottom:2px}.pick-card-user{color:#9aa9c0;color:var(--text-muted);font-size:12px;font-weight:500}.pick-card-fights{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.pick-card-fight{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;padding:8px 12px;position:relative}.pick-card-fight.main-event{background:linear-gradient(135deg,#e3372f26,#ffffff08);border-color:#e3372f4d;padding-top:22px}.main-event-badge{color:#e3372f;color:var(--primary);left:50%;transform:translateX(-50%)}.main-event-badge,.title-badge{font-size:9px;font-weight:700;letter-spacing:1px;position:absolute;top:4px}.title-badge{color:gold;color:var(--gold);right:8px}.pick-card-matchup{align-items:center;display:flex;gap:8px;justify-content:space-between}.pick-card-fighter{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.pick-card-fighter-img{border:2px solid #ffffff1a;border-radius:50%;display:none;height:48px;object-fit:cover;object-position:top center;width:48px}@media (min-width:769px){.pick-card-fighter-img{display:block}.pick-card-fighter.picked .pick-card-fighter-img{border-color:#e3372f;border-color:var(--primary);box-shadow:0 0 12px #e3372f66}}.pick-card-fighter.picked .fighter-name-short{color:#e3372f;color:var(--primary);font-weight:700}.pick-card-fighter.not-picked .fighter-name-short{color:#9aa9c0;color:var(--text-muted);opacity:.6}.fighter-name-short{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.method-badge{background:#e3372f;background:var(--primary);border-radius:8px;color:#0b111a;color:var(--bg-dark);font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px}.pick-vs{color:#9aa9c0;color:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase}.pick-card-footer{background:linear-gradient(0deg,#0000004d,#0000);border-top:1px solid #ffffff0d;padding:10px;text-align:center}.pick-card-cta{color:#9aa9c0;color:var(--text-muted);font-size:11px;font-weight:500}.share-actions{margin-top:20px;text-align:center}.share-picks-btn{align-items:center;background:#e3372f;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.share-picks-btn:hover{box-shadow:0 8px 24px #e3372f66;transform:scale(1.05)}.countdown-timer{align-items:center;align-self:flex-start;background:#e3372f14;background:rgba(var(--primary-rgb),.08);border:1px solid #e3372f26;border:1px solid rgba(var(--primary-rgb),.15);border-radius:8px;display:inline-flex;gap:8px;margin:8px 0;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.countdown-label{color:#9aa9c0;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.countdown-time{gap:2px}.countdown-time,.countdown-unit{align-items:baseline;display:flex}.countdown-value{color:#e3372f;color:var(--primary);font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:18px;line-height:1}.countdown-suffix{color:#9aa9c0;color:var(--text-muted);font-size:12px;font-weight:500;margin-right:6px}.countdown-unit:last-child .countdown-suffix{margin-right:0}.countdown-expired{background:#e3372f0d;background:rgba(var(--primary-rgb),.05);border-color:#e3372f1a;border-color:rgba(var(--primary-rgb),.1)}.countdown-expired .countdown-label{color:#e3372f;color:var(--primary);font-size:14px}.victory-modal-backdrop{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.victory-modal{animation:scaleIn .3s ease;background:linear-gradient(180deg,#0f1a2b,#0b111a);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-dark) 100%);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:24px;max-width:420px;padding:40px 32px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.victory-header{margin-bottom:32px}.victory-title{color:gold;color:var(--gold);font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:36px;letter-spacing:1px;margin-bottom:8px}.victory-date{color:#9aa9c0;color:var(--text-muted);font-size:14px}.victory-podium{align-items:flex-end;display:flex;gap:12px;justify-content:center;margin-bottom:32px}.podium-place{align-items:center;border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:16px 12px}.podium-place.first{background:#ffd7001a;border:2px solid gold;border:2px solid var(--gold);order:2;padding:24px 16px}.podium-place.second{background:#c0c0c014;border:1px solid silver;border:1px solid var(--silver);order:1}.podium-place.third{background:#cd7f3214;border:1px solid #cd7f32;border:1px solid var(--bronze);order:3}.podium-medal{font-size:32px;margin-bottom:8px}.podium-place.first .podium-medal{font-size:40px}.podium-rank{color:#9aa9c0;color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.podium-place.first .podium-rank{color:gold;color:var(--gold);font-weight:700}.podium-name{color:#f8fafc;color:var(--text);font-size:14px;font-weight:700;margin-bottom:4px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-place.first .podium-name{font-size:16px;max-width:110px}.podium-points{color:#9aa9c0;color:var(--text-muted);font-size:13px}.podium-place.first .podium-points{color:gold;color:var(--gold);font-weight:600}.victory-actions{display:flex;flex-direction:column;gap:12px}.victory-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s ease}.victory-btn-primary{background:#e3372f;background:var(--primary);color:#fff}.victory-btn-primary:hover{background:#b32822;background:var(--primary-dark);transform:translateY(-2px)}.victory-btn-secondary{background:#0000;border:1px solid #1f2c47;border:1px solid var(--border);color:#9aa9c0;color:var(--text-muted)}.victory-btn-secondary:hover{background:#15223a;background:var(--bg-card-hover);color:#f8fafc;color:var(--text)}.user-hover-trigger{cursor:pointer;display:inline;position:relative}.user-hover-trigger:hover{text-decoration:underline;-webkit-text-decoration-color:#9aa9c0;text-decoration-color:#9aa9c0;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted);-webkit-text-decoration-style:dashed;text-decoration-style:dashed;text-underline-offset:3px}.user-hover-card{animation:hoverCardIn .15s ease-out;background:#0f1a2b;background:var(--bg-card);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff08;max-width:300px;min-width:250px;padding:16px;pointer-events:auto;position:fixed;z-index:200}@keyframes hoverCardIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.badge-icon-wrapper{cursor:pointer;position:relative;transition:transform .15s ease}.badge-icon-wrapper:hover{transform:scale(1.1)}.badge-icon-wrapper:after{background:#000000e6;border-radius:6px;bottom:calc(100% + 6px);color:#fff;content:attr(data-tooltip);font-size:11px;font-weight:600;left:50%;max-width:200px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:300}.badge-icon-wrapper.tooltip-visible:after,.badge-icon-wrapper:hover:after{opacity:1}@media (max-width:768px){.user-hover-trigger:hover{text-decoration:none}.badge-icon-wrapper:after{max-width:160px;text-align:center;white-space:normal}.badge-icon-wrapper:hover:after{opacity:0}.badge-icon-wrapper.tooltip-visible:after{opacity:1}}.preview-select{background:#0f1a2b;background:var(--bg-card);border:1px solid #1f2c47;border:1px solid var(--border);border-radius:8px;color:#f8fafc;color:var(--text);cursor:pointer;flex:1 1;font-size:16px;min-width:140px;padding:10px 12px}.pp-card{background:#1a1a2e;border-radius:0;margin:0 auto;max-width:420px;overflow:hidden;width:100%}.pp-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:3px solid #e3372f;display:flex;gap:10px;padding:14px 16px}.pp-logo{background-image:url(/static/media/LogoNoText.b6a49f098a0cf6151a2a.png);background-position:50%;background-repeat:no-repeat;background-size:180%;border-radius:0;filter:drop-shadow(0 0 6px rgba(227,55,47,.4));height:48px;min-width:48px;width:48px}.pp-header-info{flex:1 1;min-width:0}.pp-event-name{color:#fff;font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1.15;text-transform:uppercase}.pp-event-date{color:#ffffff80;font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:2px}.pp-event-site{color:#ffffff4d;font-size:12px;margin-top:1px}.pp-user-bar{background:#e3372f14;border-bottom:1px solid #e3372f26;color:#e3372f;font-size:16px;font-weight:700;padding:6px 14px;text-align:center}.pp-section-bar{background:#000;border-bottom:2px solid #ffffff1a;border-top:2px solid #ffffff1a;color:#fff;font-size:12px;font-weight:800;letter-spacing:2px;padding:8px 0;text-align:center;text-transform:uppercase}.pp-main-event{align-items:center;display:flex;flex-direction:column;padding:16px 12px 12px}.pp-main-fighters{display:flex;gap:12px;margin-bottom:8px}.pp-main-names{align-items:baseline;display:flex;font-size:16px;font-weight:800;gap:6px;justify-content:center;letter-spacing:.5px;line-height:1;text-transform:uppercase;white-space:nowrap}.pp-vs{color:#ffffff59;flex-shrink:0;font-size:11px;font-weight:600;text-transform:lowercase}.pp-division{color:#ffffff59;font-size:10px;letter-spacing:.5px;margin-top:4px;text-align:center;text-transform:uppercase}.pp-bout,.pp-grid-row{display:flex}.pp-bout{align-items:center;flex:1 1;flex-direction:column;padding:8px 4px 6px}.pp-bout-fighters{display:flex;gap:3px;margin-bottom:4px}.pp-headshot{background:#2a2a3e;border:2px solid #0000;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.pp-main-event .pp-headshot{height:120px;width:120px}.pp-headshot img{height:100%;left:0;object-fit:cover;object-position:top center;position:absolute;top:0;width:100%}.pp-initials{align-items:center;color:#ffffff4d;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.pp-main-event .pp-initials{font-size:32px}.pp-ring-picked{border:3px solid #e3372f;box-shadow:0 0 8px #e3372f66}.pp-ring-correct{border:3px solid #22c55e;box-shadow:0 0 8px #22c55e66}.pp-ring-wrong{border:3px solid #ef4444;box-shadow:0 0 8px #ef444466}.pp-check{align-items:center;background:#e3372f40;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.pp-check svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.7));height:28px;width:28px}.pp-main-event .pp-check svg{height:48px;width:48px}.pp-check-correct{background:#22c55e40;color:#4ade80}.pp-check-wrong{background:#ef44444d;color:#f87171}.pp-bout-names{align-items:baseline;display:flex;font-size:7px;font-weight:800;gap:2px;justify-content:center;letter-spacing:.3px;line-height:1;text-transform:uppercase;white-space:nowrap}.pp-bout-names>span{max-width:65px;overflow:hidden;text-overflow:ellipsis}.pp-vs-sm{color:#ffffff4d;flex-shrink:0;font-size:6px;font-weight:600;text-transform:lowercase}.pp-name-on{color:#fff}.pp-name-off{color:#ffffff73}.pp-division-sm{color:#ffffff40;font-size:6px;letter-spacing:.3px;margin-top:2px;max-width:110px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pp-score-bar{align-items:center;background:#0f0f1e;border-top:1px solid #ffffff14;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:10px 12px}.pp-score-correct{color:#22c55e}.pp-score-wrong{color:#ef4444}.pp-score-total{color:#fff}.pp-score-sep{color:#ffffff26;font-weight:400}.pp-watermark{color:#ffffff59;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 0 8px;text-align:center}
/*# sourceMappingURL=main.737a8345.css.map*/