@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.comp-header{background:var(--ba-deep,#1a1d20);border-bottom:1px solid var(--ba-border,#3a3f44)}.comp-header-inner{max-width:1400px;margin:0 auto;padding:48px 40px 40px}.comp-eyebrow{align-items:center;gap:12px;margin-bottom:14px;display:flex}.comp-eyebrow-line{background:var(--ba-text,#f4f5f7);flex-shrink:0;width:24px;height:1px}.comp-eyebrow-text{font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--ba-text,#f4f5f7);font-size:11px;font-weight:600}.comp-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.comp-title{font-family:var(--ba-fd,"Bebas Neue",sans-serif);color:var(--ba-text,#f2efe8);letter-spacing:-.01em;margin:0;font-size:clamp(52px,7vw,96px);line-height:.92}.comp-stats-row{gap:40px;padding-bottom:8px;display:flex}.comp-stat{text-align:right}.comp-stat-num{font-family:var(--ba-fd,"Bebas Neue",sans-serif);color:var(--ba-text,#f4f5f7);font-size:36px;line-height:1}.comp-stat-label{font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--ba-text3,#5a5f65);margin-top:3px;font-size:10px;font-weight:600}.comp-controls{background:var(--ba-deep,#1a1d20);border-bottom:1px solid var(--ba-border,#3a3f44);z-index:50;position:sticky;top:72px}.comp-controls-inner{align-items:center;gap:20px;max-width:1400px;height:64px;margin:0 auto;padding:0 40px;display:flex}.comp-view-toggle{background:var(--ba-surface,#2a2e32);border:1px solid var(--ba-border,#3a3f44);border-radius:6px;gap:2px;margin-left:12px;padding:3px;display:flex}.comp-view-btn{cursor:pointer;width:36px;height:36px;color:var(--ba-text3,#5a5f65);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.comp-view-btn.active{background:var(--ba-text,#f4f5f7);color:#000}.comp-view-btn:hover:not(.active){color:var(--ba-text,#f2efe8)}.comp-series-tabs,.comp-sort{background:var(--ba-surface,#2a2e32);border:1px solid var(--ba-border,#3a3f44);border-radius:6px;gap:2px;padding:3px;display:flex}.comp-series-tab,.comp-sort-btn{cursor:pointer;color:var(--ba-text3,#5a5f65);font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;border-radius:4px;height:34px;padding:0 14px;font-size:11px;font-weight:600;transition:all .2s}.comp-series-tab:hover:not(.active),.comp-sort-btn:hover:not(.active){color:var(--ba-text,#f2efe8)}.comp-series-tab.active,.comp-sort-btn.active{background:var(--ba-text,#f4f5f7);color:#000}.comp-sort-label{font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--ba-text3,#5a5f65);margin-left:auto;font-size:10px;font-weight:600}.comp-main{max-width:1400px;margin:0 auto;padding:48px 40px 100px}.comp-section-label{align-items:center;gap:12px;margin-bottom:28px;display:flex}.comp-section-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.comp-section-dot.upcoming{background:var(--ba-text,#f4f5f7);animation:2s infinite pulse}.comp-section-dot.past{background:var(--ba-text3,#5a5f65)}.comp-section-text{font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:600}.comp-section-text.upcoming{color:var(--ba-text,#f4f5f7)}.comp-section-text.past{color:var(--ba-text3,#5a5f65)}.comp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;display:grid}.comp-card{background:var(--ba-surface,#2a2e32);border:1px solid var(--ba-border,#3a3f44);cursor:pointer;color:inherit;text-decoration:none;transition:all .25s;display:block;overflow:hidden}.comp-card:hover{background:var(--ba-surf2,#31363b);border-color:var(--ba-border2,#464c52);color:inherit;text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.comp-thumb-lg{background:var(--ba-deep,#1a1d20);width:100%;height:160px;position:relative;overflow:hidden}.comp-thumb-lg img{object-fit:cover;filter:grayscale(20%)contrast(1.05);width:100%;height:100%;display:block}.comp-thumb-placeholder{background:linear-gradient(135deg,var(--ba-deep,#1a1d20) 0%,var(--ba-surface,#2a2e32) 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.comp-thumb-badge{background:var(--ba-text,#f4f5f7);color:#000;font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.14em;text-transform:uppercase;border-radius:2px;padding:4px 10px;font-size:9px;font-weight:700;position:absolute;top:12px;left:12px}.comp-card-body{padding:20px 20px 22px}.comp-card-name{font-family:var(--ba-fd,"Bebas Neue",sans-serif);color:var(--ba-text,#f2efe8);letter-spacing:.01em;margin-bottom:12px;font-size:22px;line-height:.95}.comp-card-meta{flex-direction:column;gap:6px;display:flex}.comp-card-meta-row{align-items:center;gap:8px;display:flex}.comp-meta-text{font-family:var(--ba-fb,"DM Sans",sans-serif);color:var(--ba-text2,#9a9aaa);font-size:12px;font-weight:300}.comp-card-countdown{margin-top:14px}.comp-list-countdown{margin-top:7px}.comp-card-footer{border-top:1px solid var(--ba-border,#3a3f44);margin-top:16px;padding-top:14px}.comp-vote-badge{font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.15em;text-transform:uppercase;color:var(--ba-text,#f4f5f7);white-space:nowrap;border:1px solid #7c72e84d;border-radius:2px;padding:4px 10px;font-size:9px;font-weight:700;display:inline-block}.comp-list{background:var(--ba-surface,#2a2e32);border:1px solid var(--ba-border,#3a3f44)}.comp-list-row{border-bottom:1px solid var(--ba-border,#3a3f44);cursor:pointer;color:inherit;grid-template-columns:64px 1fr auto auto;align-items:center;gap:20px;padding:16px 20px;text-decoration:none;transition:background .2s;display:grid}.comp-list-row:last-child{border-bottom:none}.comp-list-row:hover{background:var(--ba-surf2,#31363b);color:inherit;text-decoration:none}.comp-list-row:hover .comp-list-arrow{color:var(--ba-text,#f4f5f7)}.comp-thumb-sm{background:var(--ba-deep,#1a1d20);border-radius:4px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.comp-thumb-sm img{object-fit:cover;filter:grayscale(20%)contrast(1.05);width:100%;height:100%;display:block}.comp-thumb-sm-placeholder{background:linear-gradient(135deg,var(--ba-deep,#1a1d20) 0%,var(--ba-surface,#2a2e32) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.comp-list-name{font-family:var(--ba-fd,"Bebas Neue",sans-serif);color:var(--ba-text,#f2efe8);letter-spacing:.01em;margin-bottom:4px;font-size:20px;line-height:1}.comp-list-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.comp-list-meta-item{align-items:center;gap:6px;display:flex}.comp-list-meta-dot{background:var(--ba-border2,#464c52);border-radius:50%;flex-shrink:0;width:3px;height:3px}.comp-list-arrow{border:1px solid var(--ba-border,#3a3f44);width:28px;height:28px;color:var(--ba-text3,#5a5f65);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.comp-fight-stat-val{font-family:var(--ba-fd,"Bebas Neue",sans-serif);color:var(--ba-text,#f4f5f7);font-size:20px;line-height:1}.comp-fight-stat-lbl{font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ba-text2,#9a9aaa);margin-top:2px;font-size:9px;font-weight:600}.comp-main-event-lbl{font-family:var(--ba-fu,"Syne",sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ba-text2,#9a9aaa);font-size:8px;font-weight:600}.comp-main-event-name{font-family:var(--ba-fb,"DM Sans",sans-serif);color:var(--ba-text,#f2efe8);margin-top:2px;font-size:11px;font-weight:500;line-height:1.4}.comp-main-event-vs{font-family:var(--ba-fb,"DM Sans",sans-serif);color:var(--ba-text,#f2efe8);font-size:11px;font-weight:300;line-height:1.4}.comp-card-footer-stats{align-items:center;gap:16px;display:flex}.comp-list-fight-stat{text-align:right;min-width:56px}.comp-main-event-row{align-items:center;gap:6px;margin-top:5px;display:flex}.comp-main-event-inline{font-family:var(--ba-fb,"DM Sans",sans-serif);color:var(--ba-text2,#9a9aaa);font-size:11px;font-style:italic;font-weight:300}.comp-empty{text-align:center;padding:80px 0}.comp-empty-title{font-family:var(--ba-fd,"Bebas Neue",sans-serif);color:var(--ba-text3,#5a5f65);margin-bottom:12px;font-size:48px}.comp-empty-sub{font-family:var(--ba-fb,"DM Sans",sans-serif);color:var(--ba-text3,#5a5f65);font-size:14px}@media (width<=900px){.comp-header-inner{padding:32px 20px 28px}.comp-main{padding:32px 20px 64px}.comp-controls{position:static}.comp-controls-inner{flex-wrap:wrap;gap:10px;height:auto;padding:10px 20px}.comp-sort-label{display:none}.comp-stats-row{gap:24px}.comp-stat-num{font-size:28px}}@media (width<=640px){.comp-list-row{grid-template-columns:48px 1fr 28px;gap:12px;padding:12px 14px}.comp-list-row>:nth-child(3){display:none}.comp-thumb-sm{width:48px;height:48px}.comp-list-name{font-size:17px}}@media (width<=560px){.comp-header-inner{padding:26px 16px 20px}.comp-controls-inner{padding:10px 16px}.comp-main{padding:24px 12px 56px}.comp-title{font-size:clamp(40px,13vw,60px)}.comp-stats-row{gap:18px}.comp-stat-num{font-size:26px}.comp-grid{grid-template-columns:1fr 1fr}.comp-thumb-lg{height:104px}.comp-card-body{padding:12px 12px 14px}.comp-card-name{margin-bottom:8px;font-size:17px}.comp-meta-text{font-size:11px}.comp-card-countdown{margin-top:10px}.comp-card-footer{display:none}}