@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;600;700;800&family=Archivo:wght@600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);:root{--primary:#ff2e2a;--primary-rgb:255,46,42;--primary-dark:#b32822;--primary-light:#ff6158;--brand-blue:#0f1a2e;--brand-blue-light:#15233e;--brand-blue-rgb:15,26,46;--bg-dark:#060912;--bg-card:#0d1422;--bg-card-hover:#131c2f;--bg-input:#131c2f;--border:#ffffff12;--border-light:#ffffff1f;--text:#f6f8fb;--text-muted:#8a96a8;--text-secondary:#8a96a8;--text-mute-3:#5a6478;--accent-red:#ff2e2a;--gold:#ffc857;--silver:silver;--bronze:#cd7f32;--success:#2bd47a;--warning:#ffc857;--error:#ef4444;--cyan:#5cf0ff;--font-body:"Manrope","Segoe UI",sans-serif;--font-display:"Bebas Neue","Impact",sans-serif;--font-condensed:"Archivo",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-card:14px;--radius-btn:12px;--radius-pill:999px;--radius-chip:4px;--shadow-card:0 1px 0 #ffffff0a inset,0 8px 24px #00000059;--shadow-glow-red:0 0 12px rgba(var(--primary-rgb),0.7);--shadow-sticky-cta:0 -8px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#060912;background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 10%,#ff2e2a1f,#0000 40%),radial-gradient(circle at 85% 0,#1b2f5059,#0000 35%);background-image:radial-gradient(circle at 15% 10%,rgba(var(--primary-rgb),.12),#0000 40%),radial-gradient(circle at 85% 0,#1b2f5059,#0000 35%);color:#f6f8fb;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:#ff2e2a;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%,#ff2e2a47,#0000 45%),radial-gradient(circle at 80% 10%,#0f1a2e59,#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%,#ff2e2a2e,#0000 40%),radial-gradient(circle at 30% 80%,#0f1a2e40,#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:12px;border-radius:var(--radius-btn);cursor:pointer;display:inline-flex;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.4px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#ff2e2a,#b32822);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff2e2a59;box-shadow:0 4px 12px rgba(var(--primary-rgb),.35);transform:translateY(-1px)}.btn-secondary{background-color:#131c2f;background-color:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);color:#f6f8fb;color:var(--text)}.btn-secondary:hover:not(:disabled){background-color:#131c2f;background-color:var(--bg-card-hover);border-color:#ffffff1f;border-color:var(--border-light)}.btn-outline{background-color:initial;border:2px solid #ff2e2a;border:2px solid var(--primary);color:#ff2e2a;color:var(--primary)}.btn-outline:hover:not(:disabled){background-color:#ff2e2a;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:#8a96a8;color:var(--text-muted);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input,.form-select{background-color:#131c2f;background-color:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-btn);color:#fff;font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#ff2e2a;border-color:var(--primary);box-shadow:0 0 0 3px #ff2e2a26;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);outline:none}.form-input::placeholder{color:#8a96a8;color:var(--text-muted)}.card{background-color:#0d1422;background-color:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-card);box-shadow:inset 0 1px 0 #ffffff0a,0 8px 24px #00000059;box-shadow:var(--shadow-card);margin-bottom:16px;padding:24px}.card-header{border-bottom:1px solid #ffffff12;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 #ff2e2a26;border-bottom:1px solid rgba(var(--primary-rgb),.15);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:#ff2e2a;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:#f6f8fb;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:#8a96a8;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:#ff2e2a1f;background-color:rgba(var(--primary-rgb),.12);color:#f6f8fb;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,#ff2e2a,#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:#131c2f;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:#8a96a8;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.tab.active,.tab:hover{color:#f6f8fb;color:var(--text)}.tab.active{background-color:#ff2e2a26;background-color:rgba(var(--primary-rgb),.15)}.fight-card{background-color:#0d1422;background-color:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-card);box-shadow:inset 0 1px 0 #ffffff0a,0 8px 24px #00000059;box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px;transition:all .2s ease}.fight-card.title{animation:titleGlow 2.8s ease-in-out infinite;background:radial-gradient(circle at 10% 10%,#ffd7002e,#0000 45%),linear-gradient(135deg,#ffb3001f,#0d1422 60%);background:radial-gradient(circle at 10% 10%,#ffd7002e,#0000 45%),linear-gradient(135deg,#ffb3001f 0,var(--bg-card) 60%);border-color:gold;box-shadow:0 0 0 2px #ffd7004d,0 12px 30px #ffb30040;overflow:hidden;position:relative}.fight-card.title:before{animation:titleSweep 4.2s ease-in-out infinite;background:linear-gradient(120deg,#ffd70000 30%,#ffd70052 50%,#ffd70000 70%);content:"";inset:-60% -20%;pointer-events:none;position:absolute;transform:translateX(-30%)}.fight-card:hover{border-color:#ffffff1f;border-color:var(--border-light)}.fight-card.selected{border-color:#6391ff;box-shadow:0 0 0 3px #6391ff1a}.fight-card.title.selected{border-color:#6391ff;box-shadow:0 0 0 3px #6391ff40}.title-banner{background:linear-gradient(90deg,#ff2e2af2,#ff2e2ab3);background:linear-gradient(90deg,rgba(var(--primary-rgb),.95),rgba(var(--primary-rgb),.7));border-radius:999px;box-shadow:0 6px 18px #ff2e2a4d;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:#ffd700bf;box-shadow:0 6px 24px #ffb3004d,inset 0 2px 4px #ffffff14;color:gold}.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:#131c2f;background-color:var(--bg-input)}.fighter.selected{background-color:#ff2e2a1a;background-color:rgba(var(--primary-rgb),.1);border-color:#ff2e2a;border-color:var(--primary)}.fighter.winner{background-color:#2bd47a1a;border-color:#2bd47a;border-color:var(--success)}.fighter.loser{opacity:.5}.fighter.draw{background-color:#9ca3af1a;border-color:#9ca3af;opacity:.7}.fighter.selected.pick-draw{background-color:#9ca3af26;border-color:#9ca3af}.fighter.selected.pick-draw .fighter-photo{background:linear-gradient(145deg,#9ca3af40,#9ca3af1f);box-shadow:0 0 0 3px #0d1422,0 0 0 5px #9ca3af;box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px #9ca3af}.fighter.selected.pick-correct{background-color:#2bd47a26;border-color:#2bd47a;border-color:var(--success)}.fighter.selected.pick-correct .fighter-photo{background:linear-gradient(145deg,#2bd47a40,#2bd47a1f);box-shadow:0 0 0 3px #0d1422,0 0 0 5px #2bd47a;box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--success)}.fighter.selected.pick-incorrect{background-color:#ef444426;border-color:#ef4444;border-color:var(--error)}.fighter.selected.pick-incorrect .fighter-photo{background:linear-gradient(145deg,#ef444440,#ef44441f);box-shadow:0 0 0 3px #0d1422,0 0 0 5px #ef4444;box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--error)}.fighter-photo{align-items:center;background:linear-gradient(145deg,#ff2e2a33,#0006);background:linear-gradient(145deg,rgba(var(--primary-rgb),.2) 0,#0006 100%);border-radius:50%;box-shadow:0 0 0 3px #0d1422,0 0 0 4px #ffffff12;box-shadow:0 0 0 3px var(--bg-card),0 0 0 4px var(--border);color:#f6f8fb;color:var(--text);display:flex;font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:32px;font-weight:400;height:90px;justify-content:center;letter-spacing:.5px;margin:0 auto 12px;overflow:hidden;position:relative;transition:all .2s ease;width:90px}.fighter:hover .fighter-photo{box-shadow:0 0 0 3px #0d1422,0 0 0 4px #ff2e2a80;box-shadow:0 0 0 3px var(--bg-card),0 0 0 4px rgba(var(--primary-rgb),.5)}.fighter.selected .fighter-photo{background:linear-gradient(145deg,#ff2e2a40,#ff2e2a1f);background:linear-gradient(145deg,rgba(var(--primary-rgb),.25) 0,rgba(var(--primary-rgb),.12) 100%);box-shadow:0 0 0 3px #0d1422,0 0 0 5px #ff2e2a,0 0 12px #ff2e2ab3;box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--primary),var(--shadow-glow-red)}.fighter-name{font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:.3px;margin-bottom:4px}.fighter-record{color:#8a96a8;color:var(--text-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:13px}.community-pick-pct{color:#ff2e2a;color:var(--primary);font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:11px;font-weight:700;letter-spacing:.3px;margin-top:4px;opacity:.9}.community-split-bar{margin-top:16px}.community-split-bar-track{background:#131c2f;background:var(--bg-input);border-radius:999px;border-radius:var(--radius-pill);display:flex;height:8px;overflow:hidden;width:100%}.community-split-bar-fill-a{background:#ff2e2a;background:var(--primary);transition:width .4s ease-out}.community-split-bar-fill-b{background:#4f7cff;transition:width .4s ease-out}.community-split-bar-labels{align-items:center;color:#f6f8fb;color:var(--text);display:flex;font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:15px;justify-content:space-between;letter-spacing:.3px;margin-top:6px}.community-split-bar-caption{color:#8a96a8;color:var(--text-muted);font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.fight-vs{color:#ff2e2a;color:var(--primary);font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:1px}.fight-info{border-top:1px solid #ffffff12;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:#131c2f;background-color:var(--bg-input);color:#8a96a8;color:var(--text-secondary);display:inline-block;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:11px;font-weight:700;padding:6px 14px}.rounds-pill,.weight-class{border-radius:999px;border-radius:var(--radius-pill);letter-spacing:.5px;text-transform:uppercase}.rounds-pill{align-items:center;background:#ff2e2a1f;background:rgba(var(--primary-rgb),.12);border:1px solid #ff2e2a66;border:1px solid rgba(var(--primary-rgb),.4);color:#f6f8fb;color:var(--text);display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.rounds-pill.title{background:#ff2e2a33;background:rgba(var(--primary-rgb),.2);border-color:#ff2e2a99;border-color:rgba(var(--primary-rgb),.6)}.fight-badge,.rounds-pill.title{color:#ff6158;color:var(--primary-light)}.fight-badge{background:#ff2e2a2e;background:rgba(var(--primary-rgb),.18);border:1px solid #ff2e2a73;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,#ffc857,#ffb300 50%,#ffc857);background:linear-gradient(135deg,var(--gold) 0,#ffb300 50%,var(--gold) 100%);border:1px solid #ffc857;border:1px solid var(--gold);box-shadow:0 0 8px #ffc85766;color:#1a1a2e;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-weight:800;letter-spacing:.5px;padding:3px 10px}@keyframes titleGlow{0%{box-shadow:0 0 0 2px #ffd70040,0 10px 24px #ffb30026}50%{box-shadow:0 0 0 3px #ffd70066,0 16px 36px #ffb3004d}to{box-shadow:0 0 0 2px #ffd70040,0 10px 24px #ffb30026}}@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 #ffffff12;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.method-label{color:#8a96a8;color:var(--text-muted);font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:12px;text-transform:uppercase}.method-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.method-btn{background-color:#131c2f;background-color:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-btn);color:#f6f8fb;color:var(--text);cursor:pointer;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:12px;font-weight:700;letter-spacing:.3px;padding:10px 18px;transition:all .2s ease}.method-btn:hover{background-color:#131c2f;background-color:var(--bg-card-hover);border-color:#ffffff1f;border-color:var(--border-light)}.method-btn.selected{background:linear-gradient(135deg,#ff2e2a,#b32822);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#ff2e2a;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:#0d1422;background:var(--bg-card);border:1px solid #ffffff12;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 #ffffff12;border-bottom:1px solid var(--border);padding:16px;text-align:left}.leaderboard-table th{color:#8a96a8;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:#131c2f;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:#ffc857;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:#131c2f;background-color:var(--bg-input);color:#f6f8fb;color:var(--text)}.event-header{background:linear-gradient(180deg,#0d1422,#060912);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-dark) 100%);border-bottom:1px solid #ffffff12;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:#ff2e2a;color:var(--primary)}.event-date{font-size:16px;margin-bottom:4px}.event-date,.event-venue{color:#8a96a8;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:#ff2e2a;background-color:var(--primary);color:#fff}.event-status.live{background-color:#ef4444;background-color:var(--error);color:#fff}.event-status.completed{background-color:#131c2f;background-color:var(--bg-input);color:#8a96a8;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 #2bd47a;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:#ff2e2a1a;background-color:rgba(var(--primary-rgb),.1);border:1px solid #ff2e2a;border:1px solid var(--primary);color:#ff6158;color:var(--primary-light)}.league-card{background-color:#0d1422;background-color:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:24px;transition:all .2s ease}.league-card:hover{border-color:#ff2e2a;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:#131c2f;background-color:var(--bg-input);border-radius:12px;color:#8a96a8;color:var(--text-muted);font-size:12px;padding:4px 10px}.league-card-meta{color:#8a96a8;color:var(--text-muted);display:flex;font-size:13px;gap:16px}.invite-code-box{background-color:#131c2f;background-color:var(--bg-input);border:2px dashed #ffffff12;border:2px dashed var(--border);border-radius:12px;padding:20px;text-align:center}.invite-code{color:#ff2e2a;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:#0d1422;background-color:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-value{color:#ff2e2a;color:var(--primary);font-size:32px;font-weight:700}.stat-label{font-size:12px;margin-top:4px}.loading,.stat-label{color:#8a96a8;color:var(--text-muted)}.loading{padding:60px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff12;border-top-color:#ff2e2a;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,#0d1422,#060912);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:#ff2e2a;color:var(--primary)}.hero-subtitle{color:#8a96a8;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:#0d1422;background-color:var(--bg-card);border:1px solid #ffffff12;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:#8a96a8;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:#ffffff12;background-color:var(--border);content:"";flex:1 1;height:1px}.empty-state{color:#8a96a8;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-title{color:#f6f8fb;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 #ff2e2a4d!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:#ff2e2a;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}}.pool-leaderboard-link{transition:opacity .15s ease}.pool-leaderboard-link:hover h3{color:#ff2e2a;color:var(--primary)}.pool-leaderboard-link:hover span{opacity:1!important;transform:translateX(2px)}.pool-leaderboard-link span,.pool-leaderboard-link:hover span{transition:transform .15s ease,opacity .15s ease}.bottom-menu-overlay,.bottom-tab-bar{display:none}@media (max-width:768px){body,html{overflow-x:hidden;width:100%}.App{padding-top:env(safe-area-inset-top,0)}.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.mobile-open{background:#0a101c;border-top:1px solid #ffffff12;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:#ff2e2a26;background-color:rgba(var(--primary-rgb),.15)}.navbar-user-section{border-top:1px solid #ffffff12;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}.bottom-tab-bar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#060912d9;border-top:1px solid #ffffff12;border-top:1px solid var(--border);bottom:0;justify-content:space-around;left:0;padding:10px 0 calc(env(safe-area-inset-bottom, 12px) + 8px);position:fixed;right:0;z-index:9999}.bottom-tab,.bottom-tab-bar{align-items:center;display:flex}.bottom-tab{-webkit-tap-highlight-color:transparent;color:#8a96a8;color:var(--text-muted);flex:1 1;flex-direction:column;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:10px;font-weight:700;gap:3px;letter-spacing:.6px;padding:8px 4px 4px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .15s ease}.bottom-tab-active:before{background:#ff2e2a;background:var(--primary);border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 0 12px #ff2e2ab3;box-shadow:var(--shadow-glow-red);content:"";height:3px;position:absolute;top:-2px;width:22px}main{padding-top:calc(env(safe-area-inset-top, 0px) + 20px)!important}.home-page{margin-top:calc((env(safe-area-inset-top, 0px) + 20px)*-1)}.home-page .hero-banner{padding-top:calc(env(safe-area-inset-top, 0px) + 12px)!important}.bottom-tab-active{color:#ff2e2a;color:var(--primary)}.bottom-tab-icon{align-items:center;display:flex;justify-content:center;position:relative}.bottom-tab-live-dot{animation:pnpPulse 2s infinite;background:#22c55e;border-radius:50%;height:7px;position:absolute;right:-4px;top:-2px;width:7px}.bottom-tab-unread{align-items:center;background:#ff2e2a;background:var(--primary);border:2px solid #060912;border:2px solid var(--bg-dark);border-radius:999px;box-shadow:0 0 0 1px #0000004d;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:-10px;top:-6px}.bottom-tab-label{font-weight:500;letter-spacing:.2px}.bottom-tab-center{background:none;border:none;cursor:pointer;margin-top:-28px;padding:0}.bottom-tab-center-btn{align-items:center;background:linear-gradient(135deg,#ff2e2a,#b32822);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:3px solid #060912;border:3px solid var(--bg-dark);border-radius:50%;box-shadow:0 4px 16px #ff2e2a66;box-shadow:0 4px 16px rgba(var(--primary-rgb),.4);display:flex;height:72px;justify-content:center;width:72px}.bottom-menu-overlay{align-items:flex-end;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding-bottom:90px;position:fixed;z-index:9998}.bottom-menu-sheet{animation:slideUp .2s ease-out;background:#0d1422;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;max-width:360px;padding:8px;width:calc(100% - 32px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-menu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:10px;color:#f6f8fb;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;transition:background .15s;width:100%}.bottom-menu-item:active{background:#ffffff0d}.bottom-menu-item-danger{color:#ef4444}.mobile-menu-btn,.navbar,.navbar-links{display:none!important}main{padding-bottom:120px!important}.authenticated-footer{display:none!important}footer:not(.authenticated-footer){margin-bottom:80px}.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-banner{min-height:auto!important;padding:16px 16px 48px!important}.hero-grid{gap:28px!important;grid-template-columns:1fr!important;text-align:center}.hero-content h1{font-size:36px!important}.hero-demo{order:-1}.hero-scroll-hint{display:none}.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:#8a96a8;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 #ff2e2a4d;border:2px solid rgba(var(--primary-rgb),.3);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #ff2e2a26;box-shadow:0 20px 60px #00000080,0 0 40px rgba(var(--primary-rgb),.15);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,#ff2e2a26,#0000);background:linear-gradient(180deg,rgba(var(--primary-rgb),.15) 0,#0000 100%);border-bottom:1px solid #ff2e2a33;border-bottom:1px solid rgba(var(--primary-rgb),.2);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:#ff2e2a;color:var(--primary);font-size:24px;letter-spacing:2px;margin-bottom:4px;text-shadow:0 2px 10px #ff2e2a80;text-shadow:0 2px 10px rgba(var(--primary-rgb),.5)}.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:#8a96a8;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,#ff2e2a26,#ffffff08);background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0,#ffffff08 100%);border-color:#ff2e2a4d;border-color:rgba(var(--primary-rgb),.3);padding-top:22px}.main-event-badge{color:#ff2e2a;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:#ffc857;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:#ff2e2a;border-color:var(--primary);box-shadow:0 0 12px #ff2e2a66;box-shadow:0 0 12px rgba(var(--primary-rgb),.4)}}.pick-card-fighter.picked .fighter-name-short{color:#ff2e2a;color:var(--primary);font-weight:700}.pick-card-fighter.not-picked .fighter-name-short{color:#8a96a8;color:var(--text-muted);opacity:.6}.fighter-name-short{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.method-badge{background:#ff2e2a;background:var(--primary);border-radius:8px;color:#060912;color:var(--bg-dark);font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px}.pick-vs{color:#8a96a8;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:#8a96a8;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:#ff2e2a;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 #ff2e2a66;box-shadow:0 8px 24px rgba(var(--primary-rgb),.4);transform:scale(1.05)}.countdown-timer{align-items:center;align-self:flex-start;background:#ff2e2a14;background:rgba(var(--primary-rgb),.08);border:1px solid #ff2e2a26;border:1px solid rgba(var(--primary-rgb),.15);border-radius:8px;display:inline-flex;gap:8px;margin:8px 0;padding:6px 12px;transition:background .3s,border-color .3s;width:-webkit-fit-content;width:fit-content}.countdown-urgent{animation:pulseUrgent 1.5s ease-in-out infinite;background:#ef444426;border-color:#ef444480}.countdown-urgent .countdown-label,.countdown-urgent .countdown-suffix,.countdown-urgent .countdown-value{color:#ef4444!important}@keyframes pulseUrgent{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.countdown-label{color:#8a96a8;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:#ff2e2a;color:var(--primary);font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:18px;line-height:1}.countdown-suffix{color:#8a96a8;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:#ff2e2a0d;background:rgba(var(--primary-rgb),.05);border-color:#ff2e2a1a;border-color:rgba(var(--primary-rgb),.1)}.countdown-expired .countdown-label{color:#ff2e2a;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,#0d1422,#060912);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-dark) 100%);border:1px solid #ffffff12;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:#ffc857;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:#8a96a8;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 #ffc857;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:#8a96a8;color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.podium-place.first .podium-rank{color:#ffc857;color:var(--gold);font-weight:700}.podium-name{color:#f6f8fb;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:#8a96a8;color:var(--text-muted);font-size:13px}.podium-place.first .podium-points{color:#ffc857;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:#ff2e2a;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 #ffffff12;border:1px solid var(--border);color:#8a96a8;color:var(--text-muted)}.victory-btn-secondary:hover{background:#131c2f;background:var(--bg-card-hover);color:#f6f8fb;color:var(--text)}.user-hover-trigger{cursor:pointer;display:inline;position:relative}.user-hover-trigger:hover{text-decoration:underline;-webkit-text-decoration-color:#8a96a8;text-decoration-color:#8a96a8;-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:#0d1422;background:var(--bg-card);border:1px solid #ffffff12;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:#0d1422;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;color:#f6f8fb;color:var(--text);cursor:pointer;flex:1 1;font-size:16px;min-width:140px;padding:10px 12px}.pp-card{background:linear-gradient(180deg,#0a0a18,#1a1a2e 30%,#1a1a2e 70%,#0a0a18);border-radius:0;margin:0 auto;overflow:hidden;width:480px}.pp-header{align-items:center;background:linear-gradient(135deg,#0a0a18,#16213e);border-bottom:3px solid #e3372f;display:flex;gap:10px;padding:14px 16px}.pp-logo{background-image:url(/static/media/LogoNoText.f3b0c4ee0d38e6c21ab4.png);background-position:50%;background-repeat:no-repeat;background-size:180%;border-radius:0;filter:drop-shadow(0 0 6px rgba(255,46,42,.4));filter:drop-shadow(0 0 6px rgba(var(--primary-rgb),.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:#ff2e2a14;background:rgba(var(--primary-rgb),.08);border-bottom:1px solid #ff2e2a26;border-bottom:1px solid rgba(var(--primary-rgb),.15);color:#e3372f;font-size:16px;font-weight:700;padding:6px 14px;text-align:center}.pp-section-bar{background:#000;border-bottom:2px solid #ffffff14;border-top:2px solid #ffffff14;color:#fff;font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:3px;padding:8px 0;text-align:center;text-transform:uppercase}.pp-heroes{align-items:flex-start;display:flex}.pp-main-event{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:14px 6px 10px}.pp-main-fighters{display:flex;gap:6px;margin-bottom:6px}.pp-main-names{align-items:baseline;display:flex;font-size:13px;font-weight:800;gap:4px;justify-content:center;letter-spacing:.3px;line-height:1;text-transform:uppercase;white-space:nowrap}.pp-vs{color:#e3372f;flex-shrink:0;font-size:9px;font-weight:700;text-transform:lowercase}.pp-division{color:#ffffff59;font-size:8px;letter-spacing:.5px;margin-top:3px;text-align:center;text-transform:uppercase}.pp-co-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:14px 6px 10px}.pp-co-main-fighters{display:flex;gap:6px;margin-bottom:6px}.pp-co-main .pp-headshot{height:100px;width:100px}.pp-co-main .pp-initials{font-size:28px}.pp-co-main-names{align-items:baseline;display:flex;font-size:13px;font-weight:800;gap:4px;justify-content:center;letter-spacing:.3px;line-height:1;text-transform:uppercase;white-space:nowrap}.pp-vs-co{color:#e3372f;flex-shrink:0;font-size:9px;font-weight:700;text-transform:lowercase}.pp-co-main .pp-check svg{height:40px;width:40px}.pp-bout,.pp-grid-row{display:flex}.pp-bout{align-items:center;flex:1 1;flex-direction:column;padding:6px 2px 5px}.pp-bout-fighters{display:flex;gap:2px;margin-bottom:3px}.pp-headshot{background:#2a2a3e;border:2px solid #0000;flex-shrink:0;height:52px;overflow:hidden;position:relative;width:52px}.pp-main-event .pp-headshot{height:100px;width:100px}.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:17px;font-weight:700;height:100%;justify-content:center;width:100%}.pp-main-event .pp-initials{font-size:28px}.pp-ring-picked{border:3px solid #e3372f;box-shadow:0 0 8px #ff2e2a66;box-shadow:0 0 8px rgba(var(--primary-rgb),.4)}.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:#ff2e2a40;background:rgba(var(--primary-rgb),.25);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:44px;width:44px}.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:.2px;line-height:1;text-transform:uppercase;white-space:nowrap}.pp-bout-names>span{max-width:50px;overflow:hidden;text-overflow:ellipsis}.pp-vs-sm{color:#e3372f;flex-shrink:0;font-size:6px;font-weight:700;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-draw{filter:grayscale(80%);opacity:.45;position:relative}.pp-draw:after{background:#0009;border-radius:3px;color:#fffc;content:"DRAW";font-size:10px;font-weight:800;left:50%;letter-spacing:2px;padding:2px 8px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.pp-draw .pp-ring-picked{border-color:#9ca3af;box-shadow:0 0 8px #9ca3af66}.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}.sidebar{display:none}@media (min-width:769px){.sidebar{background:#060912;background:var(--bg-dark);border-right:1px solid #ffffff12;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 12px;position:fixed;scrollbar-width:none;top:0;width:240px;z-index:100}.sidebar::-webkit-scrollbar{display:none}.navbar{display:none!important}.App{padding-left:240px;padding-top:0!important}.App>main>.container,.App>main>div>.container{padding-top:32px}.hero-banner{min-height:calc(100vh - 80px)!important;padding:32px 20px 56px!important}.hero-banner .container{max-width:1080px!important}.hero-banner .hero-grid{gap:40px!important}}.sidebar-brand{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;justify-content:center;margin-bottom:10px;padding:4px 0 10px}.sidebar-brand img{height:88px;width:auto}.sidebar-pool-selector{margin-bottom:18px;position:relative}.sidebar-pool-trigger{align-items:center;background:#0d1422;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;color:#f6f8fb;color:var(--text);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .15s ease,border-color .15s ease;width:100%}.sidebar-pool-trigger:hover{background:#131c2f;background:var(--bg-card-hover);border-color:#ffffff1f;border-color:var(--border-light)}.sidebar-pool-info{flex:1 1;min-width:0;text-align:left}.sidebar-pool-name{color:#f6f8fb;color:var(--text);font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:400;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-pool-score{color:#ff2e2a;color:var(--primary);font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.4px;margin-top:2px}.sidebar-pool-menu{background:#0d1422;background:var(--bg-card);border:1px solid #ffffff1f;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 24px #0006;left:0;max-height:280px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.sidebar-pool-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#8a96a8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:8px 10px;transition:background .12s ease,color .12s ease;width:100%}.sidebar-pool-option:hover{background:#131c2f;background:var(--bg-card-hover);color:#f6f8fb;color:var(--text)}.sidebar-pool-option-selected{background:#ff2e2a14;background:rgba(var(--primary-rgb),.08);color:#f6f8fb;color:var(--text)}.sidebar-pool-option-name{font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:14px;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-pool-option-score{color:#ff2e2a;color:var(--primary);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:11px;font-weight:700}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 2px}.sidebar-row{align-items:center;border:1px solid #0000;border-radius:12px;color:#8a96a8;color:var(--text-muted);display:flex;font-size:15px;font-weight:500;gap:14px;padding:12px 14px;position:relative;text-decoration:none;transition:color .15s ease,background .15s ease,border-color .15s ease}.sidebar-row:hover{background:#ffffff08;color:#f6f8fb;color:var(--text)}.sidebar-row-active{background:linear-gradient(135deg,#ff2e2a2e,#ff2e2a0a);background:linear-gradient(135deg,rgba(var(--primary-rgb),.18) 0,rgba(var(--primary-rgb),.04) 100%);border-color:#ff2e2a8c;border-color:rgba(var(--primary-rgb),.55);box-shadow:inset 0 0 0 1px #ff2e2a26,0 0 18px #ff2e2a1f;box-shadow:0 0 0 1px rgba(var(--primary-rgb),.15) inset,0 0 18px rgba(var(--primary-rgb),.12);color:#f6f8fb;color:var(--text)}.sidebar-row-active:hover{background:linear-gradient(135deg,#ff2e2a38,#ff2e2a0f);background:linear-gradient(135deg,rgba(var(--primary-rgb),.22) 0,rgba(var(--primary-rgb),.06) 100%);color:#f6f8fb;color:var(--text)}.sidebar-row-icon{align-items:center;color:currentColor;display:inline-flex;flex-shrink:0;justify-content:center}.sidebar-row-label{flex:1 1;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-weight:700;letter-spacing:.4px;white-space:nowrap}.sidebar-row-chevron{color:#ff2e2a;color:var(--primary);flex-shrink:0}.sidebar-row-live{animation:pnpPulse 1.6s ease-in-out infinite;font-size:9px;letter-spacing:.6px;padding:2px 6px;text-transform:uppercase}.sidebar-row-live,.sidebar-row-unread{background:#ff2e2a;background:var(--primary);border-radius:999px;color:#fff;font-weight:800}.sidebar-row-unread{align-items:center;display:inline-flex;font-size:11px;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px}.sidebar-secondary{border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px;margin-top:14px;padding:14px 6px 8px}.sidebar-secondary-row{border-radius:6px;color:#8a96a8;color:var(--text-muted);display:block;font-size:12px;font-weight:500;padding:6px 10px;text-decoration:none;transition:color .15s ease,background .15s ease}.sidebar-secondary-row:hover{background:#ffffff05;color:#8a96a8;color:var(--text-secondary)}.sidebar-secondary-row-active{color:#f6f8fb;color:var(--text)}.sidebar-socials{display:flex;gap:8px;padding:4px 10px 12px}.sidebar-socials a{align-items:center;background:#ffffff08;border-radius:6px;color:#8a96a8;color:var(--text-muted);display:inline-flex;height:28px;justify-content:center;transition:color .15s ease,background .15s ease;width:28px}.sidebar-socials a:hover{background:#ffffff14;color:#f6f8fb;color:var(--text)}.sidebar-footer{border-top:1px solid #ffffff12;border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.sidebar-user{position:relative}.sidebar-user-trigger{align-items:center;background:#0d1422;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;color:#f6f8fb;color:var(--text);cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .15s ease,border-color .15s ease;width:100%}.sidebar-user-trigger:hover{background:#131c2f;background:var(--bg-card-hover);border-color:#ffffff1f;border-color:var(--border-light)}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#ff2e2a,#b32822);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-user-info{flex:1 1;min-width:0;text-align:left}.sidebar-user-name{font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:15px;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-meta{color:#8a96a8;color:var(--text-muted);font-size:11px}.sidebar-user-menu{background:#0d1422;background:var(--bg-card);border:1px solid #ffffff1f;border:1px solid var(--border-light);border-radius:12px;bottom:calc(100% + 6px);box-shadow:0 -8px 24px #0006;left:0;padding:6px;position:absolute;right:0;z-index:200}.sidebar-user-menu-item{background:#0000;border:none;border-radius:8px;color:#8a96a8;color:var(--text-secondary);cursor:pointer;display:block;font-size:13px;font-weight:500;padding:8px 10px;text-align:left;text-decoration:none;transition:background .12s ease,color .12s ease;width:100%}.sidebar-user-menu-item:hover{background:#131c2f;background:var(--bg-card-hover);color:#f6f8fb;color:var(--text)}.sidebar-user-menu-item-danger{color:#ef4444;color:var(--error)}.sidebar-user-menu-item-danger:hover{background:#ef444414;color:#ef4444;color:var(--error)}.sidebar-cta{background:linear-gradient(135deg,#ff2e2a,#b32822);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;color:#fff;display:block;font-size:14px;font-weight:700;padding:11px;text-align:center;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.sidebar-cta:hover{box-shadow:0 6px 16px #ff2e2a4d;box-shadow:0 6px 16px rgba(var(--primary-rgb),.3);color:#fff;transform:translateY(-1px)}.sidebar-cta-secondary{color:#8a96a8;color:var(--text-muted);display:block;font-size:13px;font-weight:500;margin-top:4px;padding:10px;text-align:center;text-decoration:none;transition:color .15s ease}.sidebar-cta-secondary:hover{color:#f6f8fb;color:var(--text)}.corner-chat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:240px 1fr;height:calc(100vh - 180px);min-height:480px}@media (max-width:768px){.corner-chat-grid{grid-template-columns:1fr;height:auto;min-height:0}}.corner-chat-sidebar{background:#0d1422;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-card);box-shadow:inset 0 1px 0 #ffffff0a,0 8px 24px #00000059;box-shadow:var(--shadow-card);overflow-y:auto;padding:12px 8px}.corner-chat-section-title{color:#ff2e2a;color:var(--primary);font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:11px;font-weight:800;letter-spacing:1.2px;padding:4px 8px 8px;text-transform:uppercase}.corner-chat-pool{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-btn);color:#8a96a8;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:400;letter-spacing:.3px;padding:10px 12px;text-align:left;transition:background .12s ease,color .12s ease,border-color .12s ease;width:100%}.corner-chat-pool:hover{background:#131c2f;background:var(--bg-card-hover);color:#f6f8fb;color:var(--text)}.corner-chat-pool-active{background:linear-gradient(135deg,#ff2e2a26,#ff2e2a0a);background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0,rgba(var(--primary-rgb),.04) 100%);border-color:#ff2e2a73;border-color:rgba(var(--primary-rgb),.45);color:#f6f8fb;color:var(--text)}.corner-chat-pool-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corner-chat-pool-unread{align-items:center;background:#ff2e2a;background:var(--primary);border-radius:999px;border-radius:var(--radius-pill);color:#fff;display:inline-flex;flex-shrink:0;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:11px;font-weight:800;height:20px;justify-content:center;line-height:1;margin-left:8px;min-width:20px;padding:0 6px}.corner-chat-room{background:#0d1422;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-card);box-shadow:inset 0 1px 0 #ffffff0a,0 8px 24px #00000059;box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:480px;overflow:hidden}.corner-chat-room-header{align-items:baseline;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 18px}.corner-chat-room-title{color:#f6f8fb;color:var(--text);font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:.3px}.corner-chat-room-meta{color:#8a96a8;color:var(--text-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:12px}.corner-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 18px}.corner-chat-msg{align-self:flex-start;background:#131c2f;background:var(--bg-card-hover);border-radius:14px 14px 14px 4px;display:flex;flex-direction:column;gap:2px;max-width:85%;padding:8px 12px}.corner-chat-msg-mine{align-self:flex-end;background:#b32822;background:var(--primary-dark);border-radius:14px 14px 4px 14px;color:#fff}.corner-chat-msg-meta{align-items:baseline;display:flex;font-size:11px;gap:8px;opacity:.85}.corner-chat-msg-mine .corner-chat-msg-meta{color:#ffffffd9}.corner-chat-msg-name{color:#ff2e2a;color:var(--primary);font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);letter-spacing:.3px}.corner-chat-msg-mine .corner-chat-msg-name{color:#fff}.corner-chat-msg-time{color:#8a96a8;color:var(--text-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono)}.corner-chat-msg-mine .corner-chat-msg-time{color:#ffffffb3}.corner-chat-msg-body{word-wrap:break-word;font-size:14px;line-height:1.4;white-space:pre-wrap}.corner-chat-compose{align-items:flex-end;border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;gap:8px;padding:10px 12px 12px}.corner-chat-compose textarea{background:#131c2f;background:var(--bg-input);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-btn);color:#f6f8fb;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:40px;outline:none;padding:10px 12px;resize:none;transition:border-color .15s ease}.corner-chat-compose textarea:focus{border-color:#ff2e2a;border-color:var(--primary)}.corner-chat-compose button{background:linear-gradient(135deg,#ff2e2a,#b32822);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:12px;border-radius:var(--radius-btn);color:#fff;cursor:pointer;flex-shrink:0;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:13px;font-weight:700;letter-spacing:.4px;padding:10px 18px;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease,opacity .15s ease}.corner-chat-compose button:hover:not(:disabled){box-shadow:0 4px 12px #ff2e2a4d;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.corner-chat-compose button:disabled{cursor:not-allowed;opacity:.4}.corner-chat-error{color:#ef4444;color:var(--error);font-size:12px;margin-top:-28px;position:absolute}.corner-chat-empty{color:#8a96a8;color:var(--text-muted);font-size:13px;padding:16px;text-align:center}.corner-chat-empty-large{font-size:14px;padding:64px 16px}.octa-avatar{align-items:center;border-radius:50%;color:#f6f8fb;color:var(--text);display:flex;flex-shrink:0;font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-weight:400;justify-content:center;letter-spacing:.5px;overflow:hidden;position:relative}.octa-avatar img{height:100%;object-fit:cover;object-position:top center;width:100%}.pnp-eyebrow{color:#ff2e2a;color:var(--primary);font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:11px;font-weight:800;letter-spacing:1.6px;margin:0 0 4px;text-transform:uppercase}.pnp-eyebrow-cyan{color:#5cf0ff;color:var(--cyan)}.pnp-eyebrow-mute{color:#8a96a8;color:var(--text-muted)}.pnp-title{color:#f6f8fb;color:var(--text);font-family:Bebas Neue,Impact,sans-serif;font-family:var(--font-display);font-weight:400;letter-spacing:.5px;line-height:.95;margin:0}.pnp-stripes{background-image:repeating-linear-gradient(135deg,#ff2e2a2e 0 2px,#0000 2px 8px);background-image:repeating-linear-gradient(135deg,rgba(var(--primary-rgb),.18) 0 2px,#0000 2px 8px)}.pnp-live-dot{animation:pnpPulse 1.4s ease-in-out infinite;background:#ff2e2a;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px #ff2e2a40;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.25);display:inline-block;height:6px;width:6px}@keyframes pnpPulse{0%,to{box-shadow:0 0 0 4px #ff2e2a40;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.25);opacity:1}50%{box-shadow:0 0 0 2px #ff2e2a26;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.15);opacity:.6}}.pnp-chip{align-items:center;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-chip);display:inline-flex;font-family:Archivo,system-ui,sans-serif;font-family:var(--font-condensed);font-size:10px;font-weight:800;gap:4px;letter-spacing:1.2px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.pnp-chip-red{background:#ff2e2a1f;background:rgba(var(--primary-rgb),.12);border-color:#ff2e2a4d;border-color:rgba(var(--primary-rgb),.3);color:#ff2e2a;color:var(--primary)}.pnp-chip-green{background:#2bd47a1f;border-color:#2bd47a4d;color:#2bd47a;color:var(--success)}.pnp-chip-gold{background:#ffc8571f;border-color:#ffc8574d;color:#ffc857;color:var(--gold)}.pnp-chip-cyan{background:#5cf0ff1f;border-color:#5cf0ff4d;color:#5cf0ff;color:var(--cyan)}.pnp-chip-mute{background:#ffffff0a;border-color:#ffffff1f;border-color:var(--border-light);color:#8a96a8;color:var(--text-muted)}
/*# sourceMappingURL=main.bba9b646.css.map*/