/* Layout geometry adapted from the user's LIVMX template. Krakjaw palette only. */
:root{--color-page:#080808;--color-surface:#151515;--color-container-low:#242424;--color-container-medium:#333;--color-border-low:#353535;--brand:#f4f4f4;--brand-deep:#080808;--brand-ink:#080808;--volt:#d4ff37;--volt-deep:#d4ff37;--volt-ink:#080808;--fg-high:#f4f4f4;--fg-low:#aaa;--fg-muted:#888;--fg-on-dark:#fff;--fg-on-dark-low:#bbb;--font-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--font-body:Inter,Arial,sans-serif;--gutter:18px;--container-page:1304px;--container-inner:1088px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:26px;--radius-full:999px;--space-s:14px;--space-m:18px;--space-l:22px;--space-xl:26px;--space-xl2:36px;--space-section:clamp(36px,2rem + 1.5vw,54px);--card-pad-y:clamp(36px,3vw + 12px,72px);--card-pad-x:clamp(18px,6vw - 20px,108px);--duration-fast:150ms;--text-display-xl:clamp(2.25rem,1.2rem + 3.6vw,4rem);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-page);color:var(--fg-high);font:14px/1.5 var(--font-body)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.display{font-family:var(--font-display);font-weight:700;line-height:.9;text-transform:uppercase;font-style:normal}h1{font-size:clamp(40px,5vw,64px);font-weight:800}h2{font-size:36px}h3{font-size:24px}em{font-style:normal}p+p{margin-top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--volt);outline-offset:4px}.container{width:min(100% - 36px,var(--container-page));margin-inline:auto}.stack-section{display:grid;gap:var(--space-section);padding-bottom:var(--space-section)}.eyebrow{font:500 11px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-low)}.subtitle,.body-low{color:var(--fg-low);font-weight:400;line-height:1.6}.subtitle{font-size:16px;margin-top:16px;max-width:650px}.source-note,.record-note{font-size:10px;color:#999;line-height:1.6}.source-note{display:block;margin-top:18px}.source-note a,.source-list a{text-decoration:underline;text-underline-offset:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--volt);color:#080808;border-radius:999px;padding:12px 20px;font:700 14px var(--font-display);text-transform:uppercase;white-space:nowrap}.btn--secondary{background:var(--color-container-low);color:#eee}.btn--light{background:#f4f4f4;color:#080808}.btn--sm{font-size:12px;padding:9px 15px}.section-cta{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:36px}.section-cta .source-note{margin:0}.chip{background:#e4e4e4;color:#111;display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:4px;font:700 11px var(--font-display);text-transform:uppercase}.chip--lime{background:var(--volt)}.halftone{position:absolute;width:220px;height:220px;background-image:radial-gradient(#ccc5 1px,transparent 1px);background-size:7px 7px;pointer-events:none;mask-image:linear-gradient(135deg,#000,transparent 75%)}.halftone--bl{left:0;bottom:0}.halftone--br{right:0;bottom:0;transform:rotate(270deg)}.image-credit{position:absolute;bottom:8px;right:9px;z-index:2;font-size:8px;color:white;background:#0007;border-radius:4px;padding:2px 5px;pointer-events:none}.brand-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:120px;background:#292929;font:800 26px var(--font-display);text-transform:uppercase;color:#d4ff37}.skip-link,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{width:auto;height:auto;clip-path:none;top:0;left:0;background:#d4ff37;color:black;padding:12px;z-index:100}[hidden]{display:none!important}

.hero {
  position: relative;
  max-width: var(--container-page);
  margin-inline: auto;
  padding-left: var(--gutter);
}

.hero__track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-right: var(--gutter);
  outline-offset: -2px;
}

.hero__track::-webkit-scrollbar { display: none; }

.hero__slide {
  position: relative;
  flex: 0 0 calc(100% - 50px);
  aspect-ratio: 1304 / 734;
  max-height: 734px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  scroll-snap-align: start;
  background: var(--brand-deep);
  isolation: isolate;
}

.hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero__fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 36%, #000 100%);
}

.hero__band {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 311px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 30%);
  mask-image: linear-gradient(to bottom, transparent, #000 30%);
}

.hero__content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-xl2);
  padding: 0 108px 64px;
  z-index: 1;
}

.hero__eyebrow {
  position: absolute;
  top: -28px;
  left: 108px;
}

.hero__title {
  color: var(--fg-on-dark);
  max-width: 640px;
  font-size: var(--text-display-xl);
  font-weight: 800;
  line-height: 0.86;
  text-wrap: balance;
}

.hero__cta { flex: none; }
/* Edit mode only: the pencil that changes this slide's story. */
.hero__edit { position: absolute; top: var(--space-s); left: var(--space-s); z-index: 3; }

.hero__dots {
  position: absolute;
  top: 40px;
  left: calc(var(--gutter) + 108px);
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
}

.hero__dot {
  width: 5px;
  height: 5px;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.5);
  transition: transform var(--duration-fast) ease, background-color var(--duration-fast) ease;
  transform-origin: left center;
}

.hero__dot.is-active {
  background: #fff;
  transform: scaleX(3);
  margin-right: 10px;
}

.hero__arrows {
  position: absolute;
  top: 40px;
  right: calc(var(--gutter) + 108px);
  display: flex;
  gap: 8px;
  z-index: 2;
}

.hero__arrow {
  width: 40px;
  height: 32px;
  border-radius: var(--radius-full);
  background: var(--color-container-low);
  color: var(--fg-high);
  display: grid;
  place-items: center;
  transition: opacity var(--duration-fast) ease, background-color var(--duration-fast) ease;
}

.hero__arrow:hover:not(:disabled) { background: var(--volt); }
.hero__arrow:disabled { opacity: 0.4; cursor: default; }

@media (max-width: 899px) {
  .hero { padding-left: 0; }
  .hero__track { padding-right: 0; gap: 0; }
  .hero__slide {
    flex-basis: 100%;
    border-radius: 0;
    aspect-ratio: auto;
    height: 660px;
    max-height: 80svh;
  }
  .hero__content {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 var(--gutter) 40px;
    gap: var(--space-m);
  }
  .hero__eyebrow { left: var(--gutter); top: -22px; }
  .hero__dots { left: var(--gutter); top: 24px; }
  .hero__arrows { display: none; }
  .hero__fade { background: linear-gradient(to bottom, transparent 30%, #000 100%); }
}

.section-card {
  position: relative;
  background: var(--color-surface);
  overflow: hidden;
  isolation: isolate;
}

.section-card--xl { border-radius: var(--radius-xl); }
.section-card--2xl { border-radius: var(--radius-2xl); }

.section-card--pad-default { padding: var(--card-pad-y) var(--card-pad-x); }
.section-card--pad-tight { padding: var(--space-xl2) var(--space-xl); }
.section-card--pad-none { padding: 0; }

.section-card--dark {
  background: var(--brand-deep);
  color: var(--fg-on-dark);
}

.section-card--dark h2,
.section-card--dark h3 { color: var(--fg-on-dark); }

.section-card--volt {
  background: var(--volt);
  color: var(--volt-ink);
}

.section-card--volt h2 { color: var(--volt-ink); }

.section-card__inner {
  position: relative;
  z-index: 1;
  max-width: var(--container-inner);
  margin-inline: auto;
}

.section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-m) var(--space-xl2);
  margin-bottom: var(--space-xl2);
}

.section-head__text { display: grid; gap: 10px; }
.section-head__desc { color: var(--fg-low); max-width: 560px; }
.section-card--dark .section-head__desc { color: var(--fg-on-dark-low); }
.section-head__aside { flex: none; }

@media (max-width: 899px) {
  .section-card--pad-default { padding: var(--space-xl2) var(--space-m); }
  .section-card--pad-tight { padding: var(--space-xl) var(--space-m); }

  /* Let the aside (filter tabs, actions) take the full row width and shrink
     below its content size, so a wide control inside it (.segmented) can
     scroll horizontally within the viewport instead of pushing the page
     wider. See src/components/ui/segmented.css. */
  .section-head__aside {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
  }
}

.news-card {
  display: grid;
  gap: 14px;
  color: var(--brand);
  transition: opacity var(--duration-fast) ease;
}

.news-card:hover { opacity: 0.9; }
.news-card:focus-visible { outline: 2px solid var(--volt); outline-offset: 4px; border-radius: var(--radius-lg); }

.news-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--radius-lg);
  aspect-ratio: 240 / 135;
  background: var(--color-container-low);
  isolation: isolate;
}

.news-card__media img { width: 100%; height: 100%; object-fit: cover; }

.news-card__chip { position: absolute; left: 18px; bottom: 18px; z-index: 1; }

.news-card__body { display: grid; gap: 8px; align-content: start; }
.news-card__dek {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Row variant: thumb left, text right */
.news-card--row {
  grid-template-columns: 203px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.news-card--row .news-card__media { border-radius: var(--radius-md); }
.news-card--row .news-card__chip { left: 12px; bottom: 12px; font-size: 0.75rem; }

/* Dark variant (on page bands) */
.news-card--dark { color: var(--fg-on-dark); }
.news-card--dark .card-title-m { color: var(--fg-on-dark); }

/* Home grid */
.news-grid {
  display: grid;
  grid-template-columns: minmax(0, 644fr) minmax(0, 426fr);
  gap: 18px;
}

.news-grid__list { display: grid; gap: 26px; align-content: start; }

/* Index grid */
.news-index-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 18px;
}

/* Carousel */
.news-carousel { position: relative; }

.news-carousel__controls {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 18px;
}

.news-carousel__arrow {
  width: 44px;
  height: 32px;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.12);
  color: var(--fg-on-dark);
  display: grid;
  place-items: center;
  transition: background-color var(--duration-fast) ease, color var(--duration-fast) ease;
}

.news-carousel__arrow:hover { background: var(--volt); color: var(--volt-ink); }

.news-carousel__track {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 4px;
}

.news-carousel__track::-webkit-scrollbar { display: none; }

.news-carousel__track li {
  flex: 0 0 424px;
  max-width: 85vw;
  scroll-snap-align: start;
}

/* Filter chips */
.filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter-chip {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--radius-full);
  background: var(--color-container-low);
  color: var(--fg-high);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-nav);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: background-color var(--duration-fast) ease, color var(--duration-fast) ease;
}

.filter-chip:hover { background: var(--color-container-medium); }
.filter-chip[aria-pressed="true"] { background: var(--brand); color: var(--brand-ink); }

@media (max-width: 899px) {
  .news-grid { grid-template-columns: minmax(0, 1fr); }
  .news-card--row { grid-template-columns: 132px minmax(0, 1fr); gap: 12px; }
  .news-index-grid { grid-template-columns: minmax(0, 1fr); }
  .news-carousel__track li { flex-basis: 300px; }
}

@media (min-width: 900px) and (max-width: 1100px) {
  .news-index-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* A card with a byline underneath (LIV MX's stories beside contributors' in a merged list) */
.story-card { display: grid; gap: 10px; align-content: start; }

.story-automated { justify-self: start; width: fit-content; }

/* Latest from the channels: picture cards in the news carousel's family. Card height is fixed so the loading placeholder reserves exactly the carousel (card + the scroller's 4px track padding). The picture box is the news cards' 240 by 135 shape at the card's inner width, so the card width (300px, 250px below 900px, matching the carousel props) sets every height. */
.latest-channels {
  --channel-card-w: 300px;
  --channel-text-h: 128px;
  --channel-media-h: calc((var(--channel-card-w) - 2 * var(--space-m)) * 135 / 240);
  --channel-card-h: calc(2 * var(--space-m) + var(--channel-media-h) + 8px + var(--channel-text-h));
  margin-top: var(--space-section);
}

@media (max-width: 899px) {
  .latest-channels { --channel-card-w: 250px; }
}

.channel-card {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 8px;
  height: var(--channel-card-h);
  padding: var(--space-m);
  box-sizing: border-box;
  border-radius: var(--radius-lg);
  background: var(--color-container-low);
  color: var(--brand);
  text-decoration: none;
  transition: opacity var(--duration-fast) ease;
}

.channel-card:hover { opacity: 0.9; }
.channel-card:hover .channel-card__title { text-decoration: underline; }
.channel-card:focus-visible { outline: 2px solid var(--volt); outline-offset: 4px; }

/* Same shape and radius as .news-card__media; the tint is only visible while a picture loads. */
.channel-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--radius-lg);
  aspect-ratio: 240 / 135;
  background: var(--color-container-medium);
  isolation: isolate;
}

.channel-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.channel-card__media--brand {
  display: grid;
  place-items: center;
  padding: var(--space-m);
  background: var(--brand-deep);
  color: var(--brand-ink);
}

.channel-card__brand-name {
  font-family: var(--font-display, var(--font-body));
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-align: center;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.channel-card__text {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  min-height: 0;
}

.channel-card__title {
  font-family: var(--font-body);
  font-size: var(--text-body);
  letter-spacing: -0.02em;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: break-word;
}

.channel-card__when { font-size: 0.8125rem; color: var(--fg-low); }

.channel-skel {
  height: calc(var(--channel-card-h) + 4px);
  border-radius: var(--radius-lg);
  background: var(--color-container-low);
}

.fighter-card {
  display: grid;
  gap: 12px;
  color: var(--brand);
  transition: opacity var(--duration-fast) ease;
}

.fighter-card:hover { opacity: 0.9; }

.fighter-card__frame {
  position: relative;
  display: block;
  aspect-ratio: 2 / 3;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--team);
  isolation: isolate;
}

.fighter-card__frame img {
  --wash-grayscale: 0.9;
  --wash-contrast: 1.05;
  --wash-opacity: 0.9;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: grayscale(var(--wash-grayscale)) contrast(var(--wash-contrast));
  mix-blend-mode: luminosity;
  opacity: var(--wash-opacity);
}

/* Light washes (e.g. Suzuki/Cobra yellow) run bright and low-contrast in luminosity blend; pull opacity back and add contrast so the face stays defined. */
.fighter-card[data-wash="light"] .fighter-card__frame img {
  --wash-contrast: 1.25;
  --wash-opacity: 0.8;
}

/* Dark washes (e.g. Triumph black, Husqvarna navy) crush shadow detail toward black in luminosity blend; ease contrast and raise opacity so more of the photo's own tone survives. */
.fighter-card[data-wash="dark"] .fighter-card__frame img {
  --wash-contrast: 0.85;
  --wash-opacity: 0.97;
}

.fighter-card__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 45%);
}

.fighter-card__number {
  position: absolute;
  top: 8px;
  left: 14px;
  z-index: 1;
  font-size: clamp(4rem, 8vw, 6.5rem);
  font-weight: 800;
  line-height: 1;
  color: #fff;
  font-style: italic;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

.fighter-card__class {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 1;
  padding: 3px 7px;
  border-radius: var(--radius-sm);
  background: var(--volt);
  color: var(--volt-ink);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.8125rem;
  text-transform: uppercase;
}

.fighter-card__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: var(--team);
  z-index: 1;
}

.fighter-card__meta { display: grid; gap: 4px; }
.fighter-card__meta .eyebrow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Every card in the grid is the same height: the name reserves two lines
 * whether it needs them or not, and a longer name is cut with an ellipsis
 * rather than pushing the card taller than its neighbours. */
.fighter-card__name {
  color: var(--brand);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(2 * 1.35em);
}

.scroll-arrow {
  width: 44px;
  height: 32px;
  border-radius: var(--radius-full);
  background: var(--color-container-low);
  color: var(--fg-high);
  display: grid;
  place-items: center;
  transition: background-color var(--duration-fast) ease;
}

.scroll-arrow:hover { background: var(--volt); }

.fighter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: 26px 18px;
}

.fighters-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 899px) {
  .fighter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
}

/* Pending cards keep the bottom gradient lighter so the tag and monogram stay crisp. */
.fighter-card--pending .fighter-card__frame::after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35), transparent 40%);
}

/* Bento */
.bento {
  display: grid;
  grid-template-columns: minmax(0, 556fr) minmax(0, 520fr);
  gap: 10px;
}

.bento__stack { display: grid; grid-template-rows: 1fr 1fr; gap: 10px; }

.podium {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--team);
  color: var(--team-ink);
  isolation: isolate;
  transition: opacity var(--duration-fast) ease;
}

.podium:hover { opacity: 0.92; }
.podium--lg { min-height: 370px; }
.podium--sm { min-height: 180px; }

.podium__watermark {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(3rem, 12vw, 8rem);
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.14);
  pointer-events: none;
}

.podium--sm .podium__watermark { font-size: clamp(2.5rem, 8vw, 5rem); }

.podium__photo {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 52%;
  object-fit: cover;
  object-position: center top;
  filter: grayscale(1) contrast(1.15);
  mix-blend-mode: luminosity;
  opacity: 0.85;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 45%);
  mask-image: linear-gradient(to right, transparent, #000 45%);
}

.podium--sm .podium__photo { width: 42%; }

.podium__pos {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #fff;
  color: var(--team);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 13px;
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}

.podium__pos sup { font-size: 0.45em; top: 0.15em; margin-left: 1px; }

.podium__meta {
  position: absolute;
  left: 18px;
  bottom: 18px;
  display: grid;
  gap: 2px;
  max-width: 55%;
}

.podium__name {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
}

.podium__team { font-size: 0.875rem; opacity: 0.75; }

.podium__points {
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: grid;
  gap: 2px;
  padding: 12px 16px;
  border-radius: var(--radius-md);
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  text-align: right;
}

.podium__points .eyebrow { color: rgba(255, 255, 255, 0.8); }
.podium__points-value { font-size: 1.5rem; color: var(--volt); line-height: 1; }

@media (max-width: 899px) {
  .bento { grid-template-columns: minmax(0, 1fr); }
  .podium--lg { min-height: 300px; }
  .podium__meta { max-width: 60%; }
}
/* Shared floating navigation: same dimensions and menu grouping as LIVMX. */
.site-header{position:sticky;top:0;z-index:50;padding-top:18px;margin-bottom:44px;pointer-events:none}.nav-pill{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:64px;padding:0 18px;border-radius:14px;background:#222e;backdrop-filter:blur(40px);box-shadow:0 12px 40px #0006;border:1px solid #ffffff0d}.nav-logo{display:flex;gap:10px;align-items:center}.nav-logo img{object-fit:contain}.nav-links{display:flex;justify-content:center;align-items:center;gap:6px}.nav-link,.nav-dropdown summary{font:600 14px var(--font-display);text-transform:uppercase;padding:10px 14px;cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:'⌄';padding-left:7px;font:10px Arial}.nav-dropdown{position:relative}.nav-dropdown>div{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#242424;border:1px solid #393939;box-shadow:0 12px 30px #0007;border-radius:14px;padding:7px;min-width:220px;display:grid;gap:2px}.nav-dropdown>div>a{font-size:12px;padding:10px 14px;border-radius:8px}.nav-dropdown>div>a:hover{background:#3a3a3a;color:#d4ff37}.nav-actions{display:flex;align-items:center;gap:15px;font:600 12px var(--font-display);text-transform:uppercase}.nav-actions .nav-search{font:26px Arial}.nav-account{background:var(--volt);color:#111;padding:8px 13px;border-radius:999px}.nav-menu-toggle{display:none}.hero{padding-bottom:0}.hero__title{margin:0;font-style:normal}.hero__content{padding-bottom:64px}.hero__eyebrow{color:var(--volt)}.hero__arrow,.hero__dot{padding:0;border:0;cursor:pointer}.hero__slide .image-credit{bottom:12px;right:15px}.event-bar{width:min(100% - 36px,1268px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.event-bar__item{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:#181818;min-height:76px}.event-bar__art{position:absolute;inset:0;z-index:-1;opacity:.3}.event-bar__art img{width:100%;height:100%;object-fit:cover}.event-bar__content{min-height:76px;display:flex;gap:14px;align-items:center;padding:15px 22px}.event-bar__content>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.event-bar__content strong{font:600 20px var(--font-display);text-transform:uppercase}.event-bar__content small{font-size:10px;color:#bbb}.event-bar__content>b{margin-left:auto;color:#d4ff37}.home> #content{display:grid;gap:var(--space-section)}.section-card{border:1px solid #ffffff09;border-radius:26px;padding:var(--card-pad-y) var(--card-pad-x);background:#151515}.section-card:after{content:'';position:absolute;right:0;bottom:0;width:210px;height:210px;background:radial-gradient(#8882 .7px,transparent .7px);background-size:6px 6px;mask-image:linear-gradient(135deg,transparent,#000);z-index:-1;pointer-events:none}.section-head__text h2{font-size:36px}.section-head__desc{font-size:14px}.section-head__aside{min-width:0}.news-card__body h3{font:400 16px/1.35 var(--font-body);text-transform:none;letter-spacing:-.02em}.news-card--featured h3{font-size:20px;line-height:1.25}.news-card .body-low{font-size:13px}.news-card__media .chip{position:absolute;bottom:16px;left:16px;z-index:2}.news-card__body .eyebrow{font-size:10px}.news-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.channel-card .eyebrow{font-size:10px}.channel-card__media .image-credit{font-size:6px}.channel-card__when,.channel-card time{font-size:11px;color:#999}.card-scroller{position:relative;min-width:0}.card-scroller__track{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.card-scroller__track::-webkit-scrollbar{display:none}.card-scroller__track>*{flex:0 0 var(--card-width,258px);scroll-snap-align:start;min-width:0}.scroller-controls{display:flex;justify-content:end;gap:8px;margin:-65px 0 30px;pointer-events:none}.scroller-controls>button{pointer-events:auto;width:40px;height:30px;border-radius:999px;background:#303030;color:white}.card-scroller .scroller-controls{margin:0 0 18px}.section-head:has(+.card-scroller){margin-bottom:12px}.fighter-card{position:relative;--team:#d4ff37;--team-ink:#080808;color:var(--fg-high)}.fighter-card[data-tone=grey]{--team:#8a8a8a}.fighter-card>a{display:grid;gap:12px}.fighter-card__number{font-style:normal;font-size:82px;letter-spacing:-2px;display:grid}.fighter-card__number small{font:600 10px var(--font-display);letter-spacing:2px}.fighter-card__frame{background:var(--team)}.fighter-card__frame img{mix-blend-mode:luminosity;filter:grayscale(1) contrast(1.08);object-position:center top}.fighter-card__class{font-size:10px;top:14px;right:10px;padding:3px 7px}.fighter-card__name{font:400 16px/1.35 var(--font-body);min-height:43px;text-transform:none}.fighter-card__meta .eyebrow{font-size:9px;padding-right:20px}.fighter-card .record-note{font-size:8px;min-height:26px}.fighter-placeholder{height:100%;display:grid;place-items:center;font:800 80px var(--font-display);color:#1114}.save-fighter{position:absolute;right:0;bottom:31px;width:24px;height:24px;border-radius:50%;background:var(--volt);color:black;font:20px Arial;z-index:2}.save-fighter[aria-pressed=true]{background:white}.fighter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.promoter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.promoter-card{position:relative;display:flex;flex-direction:column;justify-content:end;min-height:240px;border-radius:14px;background:#d4ff37;color:#090909;padding:18px;overflow:hidden;isolation:isolate}.promoter-card:nth-child(3n+2){background:#6c6c6c;color:white}.promoter-card:nth-child(3n){background:#252525;color:white}.promoter-monogram{position:absolute;left:18px;top:14px;z-index:-1;font:800 100px/.8 var(--font-display);color:currentColor;opacity:.13}.promoter-card__name{font:700 25px/.9 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;max-width:100%;margin-bottom:10px}.promoter-card__sport{font-size:8px;padding-right:12px;line-height:1.4;text-transform:uppercase}.promoter-card__arrow{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;background:#090909;color:#d4ff37;border-radius:50%;width:20px;height:20px}.promoter-card:nth-child(3n) .promoter-card__arrow{background:#d4ff37;color:black}.segmented{display:flex;overflow-x:auto;gap:4px;background:#262626;border-radius:999px;padding:4px;width:max-content;max-width:100%;margin:0 0 24px}.segmented button,.entity-tabs button{white-space:nowrap;font:600 13px var(--font-display);text-transform:uppercase;background:transparent;color:#bbb;border-radius:999px;padding:8px 16px}.segmented button[aria-pressed=true]{background:#d4ff37;color:#080808}.bento{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:180px 180px;gap:10px;margin:0 0 28px}.bento>.podium:first-child{grid-row:span 2}.podium{background:#d4ff37;color:black;--team:#d4ff37;--team-ink:#090909}.podium--lg{min-height:0}.podium--sm{min-height:0;background:#777;--team:#777;color:white}.podium--sm:last-child{background:#333;--team:#333}.podium__name{font-size:19px}.podium__team{font-size:11px}.podium__photo{height:100%;width:62%;object-position:center 12%;mix-blend-mode:luminosity}.podium__points{font-size:10px;padding:9px 11px;max-width:130px}.podium__points b{font:700 23px var(--font-display);color:#d4ff37}.podium__pos{font-style:normal}.podium__watermark{font-style:normal}.results-table-wrap{overflow:auto;max-width:100%;min-width:0}.results-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:540px}.results-table thead{font:500 9px var(--font-body);color:#888;text-transform:uppercase}.results-table th{padding:12px 10px;font-weight:500;border-bottom:1px solid #444}.results-table td{padding:12px 10px;border-bottom:1px solid #303030;vertical-align:middle}.results-table td>small{display:block;color:#999;font-size:10px}.results-table tbody tr:hover{background:#ffffff05}.results-table a:hover{text-decoration:underline}.outcome{display:inline-grid;place-items:center;width:30px;height:30px;background:#353535;border-radius:8px;color:#bbb;font:700 18px var(--font-display)}.outcome--win{background:#d4ff37;color:black}.result-person{display:flex;align-items:center;gap:10px;min-width:150px}.result-person img,.mini-placeholder{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:center 12%;background:#333}.mini-placeholder{display:grid;place-items:center}.result-person>span{display:grid;gap:3px;font-size:12px}.result-person small{font-size:8px;color:#888}.trending-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.trending-list>a{display:flex;gap:10px;align-items:center;min-width:0}.trending-list img{width:34px;height:34px;object-fit:cover;object-position:center top;border-radius:50%;background:#555}.trending-list a>span{flex:1;font-size:11px}.trending-list small{display:block;font-size:8px;color:#999}.trending-list a>b{font-size:12px;color:#d4ff37}.schedule-preview{display:grid}.schedule-preview>a{display:flex;align-items:center;gap:18px;border-bottom:1px solid #333;padding:16px 0}.schedule-preview time{display:grid;place-items:center;width:48px;height:48px;background:#080808;border-radius:8px;font:500 10px var(--font-display);text-transform:uppercase;color:#ccc;flex:none}.schedule-preview time>b{font-size:24px;line-height:1;color:white}.schedule-preview a>span:nth-child(2){flex:1;display:grid;gap:3px}.schedule-preview strong{font-size:12px;font-weight:500}.schedule-preview small{font-size:9px;color:#999}.schedule-preview .chip{background:#d4ff37;font-size:9px}.schedule-preview a>b{color:#aaa}.home-ctas{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cta-card{border-radius:26px;padding:44px;background:#d4ff37;color:#080808;display:grid;gap:15px}.cta-card:nth-child(2){background:#1c1c1c;color:white;border:1px solid #393939}.cta-card h2{font-size:36px}.cta-card p{font-size:13px;max-width:350px}.cta-card .btn{margin-top:10px;background:#080808;color:white}.cta-card:nth-child(2) .btn{background:#d4ff37;color:black}.site-footer{background:#050505;margin-top:40px;padding:35px 0 25px}.site-footer>.container{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap;font:600 12px var(--font-display);text-transform:uppercase}.site-footer p{width:100%;font-size:9px;color:#666}.page-head{padding:0 0 28px}.page-head h1{font-size:48px}.browse-tools{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:25px 0}.browse-tools label{font-size:10px;color:#aaa;min-width:150px;flex:1}.browse-tools label:first-child{flex:2;min-width:220px}input,select{display:block;width:100%;padding:12px 14px;border:1px solid #404040;border-radius:10px;color:#eee;background:#242424;margin-top:6px;font:12px var(--font-body)}.filter-chips{display:flex;gap:7px;overflow:auto;flex-wrap:nowrap;margin-bottom:25px}.filter-chip{font-size:13px;white-space:nowrap;border:1px solid #333}.filter-chip[aria-pressed=true]{background:#d4ff37;color:black}.results-picker{display:grid;grid-template-columns:.6fr 1fr 1.3fr 1.5fr auto;align-items:end;gap:14px;margin-top:25px}.results-picker label{font-size:10px;color:#aaa}.results-picker .btn{height:40px;margin-bottom:1px}.results-head{display:flex;align-items:center;gap:22px;margin-bottom:28px}.results-head__badge{font:800 48px var(--font-display);color:#d4ff37}.results-head>div{flex:1}.results-head h2{font-size:36px;margin:7px 0}.results-head p:not(.eyebrow){font-size:11px;color:#aaa}.empty{padding:28px 20px;background:#222;border-radius:14px;color:#aaa;font-size:13px;line-height:1.6}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}.event-card__image{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:14px;background:#242424}.event-card__image img{width:100%;height:100%;object-fit:cover}.event-card__image .chip{position:absolute;bottom:15px;left:15px}.event-card__body{display:grid;gap:10px;padding-top:16px}.event-card__body h3{font:400 18px/1.25 var(--font-body);text-transform:none}.event-card__body .eyebrow{font-size:9px}.event-card__body>p:not(.eyebrow){font-size:11px;color:#aaa}.event-card__actions{display:flex;justify-content:space-between;font-size:11px;margin-top:7px}.event-card__actions button{background:none;color:#d4ff37;padding:0;font-size:11px}.load-more{display:block;margin:30px auto 0}.save-notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d4ff37;color:black;padding:12px 20px;border-radius:999px;z-index:100;font-size:12px;box-shadow:0 10px 30px #0009}.event-profile-head{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}.event-profile-head figure img{width:100%;max-height:350px;object-fit:cover;border-radius:14px}.event-profile-head figcaption{font-size:8px;color:#888;margin-top:9px}.event-profile-head h1{margin:15px 0}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0}.identity-grid dt{font-size:9px;color:#888;text-transform:uppercase;margin-bottom:7px}.identity-grid dd{font-size:13px;margin:0}.source-list{display:flex;flex-wrap:wrap;gap:15px;font-size:10px}.fighter-profile{border-radius:18px;overflow:hidden;background:#101010}.fighter-profile-hero{position:relative;isolation:isolate;padding:35px 40px 25px;overflow:hidden;min-height:560px;background:#111}.profile-action{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 20%;z-index:-2;opacity:.55;filter:grayscale(1)}.profile-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101010 5%,transparent 95%),linear-gradient(90deg,#101010dd,transparent),linear-gradient(145deg,#d4ff3725,transparent 60%)}.profile-team-mark{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.profile-team-mark img{width:100px;height:45px;object-fit:contain}.profile-team-mark>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.profile-headshot{position:relative;width:165px;height:165px;border:4px solid #d4ff37;border-radius:50%;margin:12px 0 20px;background:#333;overflow:hidden}.profile-headshot img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.fighter-profile h1{font:800 clamp(36px,6vw,82px)/.95 var(--font-display);text-transform:uppercase;margin:0 0 10px;max-width:850px;overflow-wrap:anywhere}.fighter-profile h1 em{color:#d4ff37;font-style:normal}.profile-class{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:5px}.profile-bio{max-width:520px;margin-top:15px;font-size:14px;line-height:1.5}.fighter-profile-hero .source-note{max-width:580px;color:#aaa}.entity-tabs{display:flex;gap:5px;padding:14px 35px;border-block:1px solid #303030;background:#181818}.entity-tabs button[aria-selected=true]{background:#d4ff37;color:black}.profile-feature-grid{display:grid;grid-template-columns:1.4fr 1fr;padding:25px 35px;gap:18px}.profile-feature-grid>section{background:linear-gradient(135deg,#222,#111);border:1px solid #393939;border-radius:15px;padding:25px;min-width:0}.profile-feature-grid .section-head{margin-bottom:20px}.profile-feature-grid h2{font-size:25px}.profile-feature-grid .section-head>a{font-size:10px}.profile-feature-grid .section-head{gap:10px}.profile-feature-grid .section-head .btn{padding:7px 10px}.profile-feature-grid p{font-size:12px;color:#aaa}.profile-record{display:block;font:800 60px var(--font-display);color:#d4ff37}.fighter-profile [data-panel]>.section-card{margin:0 35px 25px;padding:30px;background:#171717}.fighter-result-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #303030}.fighter-result-row:last-child{border:0}.fighter-result-row>div{display:grid;gap:5px;flex:1;min-width:0}.fighter-result-row>div>a:first-child{font-size:12px}.fighter-result-row>div>a:nth-child(2){font-size:10px;color:#999}.fighter-result-row time{font-size:9px;color:#888}.fighter-result-row>a{color:#d4ff37}.article-heading{max-width:1000px;margin:auto;padding:0 18px 35px}.article-heading h1{margin:20px 0;line-height:.95}.article-heading .subtitle{font-size:18px}.back-link{font-size:10px;color:#aaa;display:block;margin-bottom:25px}.article-byline{font-size:11px;color:#aaa;margin-top:20px}.article-photo{width:min(100% - 36px,1304px);margin:auto}.article-photo img{width:100%;max-height:680px;object-fit:cover;border-radius:18px}.article-photo figcaption{font-size:9px;color:#999;margin-top:10px}.article-body{max-width:740px;padding:30px 18px;margin:auto;font:400 17px/1.8 var(--font-body);color:#bbb}.article-body>p:first-child{font-size:20px;color:#eee}.source-box{margin:30px 0;border-left:3px solid #d4ff37;padding:20px 25px;background:#191919;border-radius:0 14px 14px 0;font-size:12px}.source-box p{margin:12px 0;font-size:12px}.source-box a{color:#d4ff37}.related-stories{margin-top:40px}.feed-status{font-size:9px;color:#777;padding:12px 0}.browse-count{font-size:11px;color:#888;margin-bottom:20px}
@media(max-width:1150px){.nav-links{gap:0}.nav-dropdown summary,.nav-link{padding:10px;font-size:12px}.nav-actions{gap:10px}.nav-logo img:last-child{width:95px}.nav-account{font-size:10px}.promoter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.results-picker{grid-template-columns:.5fr 1fr 1.2fr}.results-picker .results-search{grid-column:span 2}.fighter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){:root{--gutter:16px}.container{width:calc(100% - 32px)}.site-header{padding-top:12px;margin-bottom:28px}.nav-pill{grid-template-columns:auto 1fr auto;padding:0 14px;gap:12px}.nav-menu-toggle{display:block;background:none;color:#eee;font:18px Arial;padding:5px}.nav-logo{justify-self:start}.nav-logo img:last-child{width:100px}.nav-logo img:first-child{width:22px}.nav-actions .nav-search,.nav-actions>a>span{display:none}.nav-account{font-size:10px;padding:7px 10px}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#222;border:1px solid #444;border-radius:14px;padding:15px;max-height:75svh;overflow:auto;align-items:start;justify-content:start}.nav-links.is-open{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-dropdown{width:100%}.nav-dropdown>div{position:static;transform:none;box-shadow:none;border:0;min-width:0;padding:0 5px;background:none}.nav-dropdown>div>a{font-size:11px;padding:9px}.nav-dropdown summary{font-size:16px;color:#d4ff37}.nav-links .nav-link{font-size:16px}.hero{padding-left:0}.hero__slide{height:600px}.hero__title{font-size:clamp(40px,7vw,60px)}.hero__content{padding-bottom:40px}.event-bar{width:calc(100% - 32px);gap:10px}.event-bar__content{gap:10px;padding:14px}.event-bar__content strong{font-size:16px}.event-bar__content small{font-size:8px}.event-bar__content .chip{font-size:9px;padding:4px 6px}.section-card{padding:36px 18px}.section-head__text h2{font-size:32px}.news-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-scroller{--card-width:250px!important}.card-scroller[data-scroller= fighters]{--card-width:200px!important}.promoter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.promoter-card{min-height:210px}.trending-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bento{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px}.podium__photo{width:75%}.podium__meta{max-width:65%}.podium__name{font-size:16px}.podium__team{font-size:9px}.podium__points{right:10px;bottom:12px;font-size:8px;padding:6px 8px}.podium__points b{font-size:19px}.podium__pos{width:42px;height:42px;font-size:22px;padding-top:10px}.podium__meta{left:15px;bottom:15px}.podium__points{max-width:100px}.results-head{gap:15px}.results-head h2{font-size:30px}.results-head__badge{font-size:40px}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fighter-profile-hero{padding:24px 22px 20px}.profile-headshot{width:120px;height:120px}.profile-feature-grid{padding:20px 16px;grid-template-columns:1fr}.fighter-profile [data-panel]>.section-card{margin:0 16px 20px;padding:22px}.entity-tabs{padding-inline:16px}.profile-feature-grid>section{padding:20px}.event-profile-head{grid-template-columns:1fr}.home-ctas{gap:12px}.cta-card{padding:28px}.page-head h1{font-size:44px}}
@media(max-width:599px){.nav-logo img:last-child{width:90px}.nav-actions>a:first-of-type{display:none}.nav-actions{gap:0}.nav-account{font-size:9px}.hero__slide{height:570px}.hero__title{font-size:48px;max-width:95%;line-height:.9}.hero__content{padding-bottom:35px}.hero__eyebrow{font-size:10px}.hero__dots{top:20px}.event-bar{grid-template-columns:1fr;gap:10px}.event-bar__item,.event-bar__content{min-height:68px}.event-bar__content small{font-size:9px}.event-bar__content strong{font-size:18px}.section-card{border-radius:20px;padding:30px 18px}.section-head{margin-bottom:26px}.section-head__text h2{font-size:30px}.section-head>.btn{padding:8px 12px;font-size:11px}.bento{grid-template-columns:1fr;grid-template-rows:280px 150px 150px}.bento>.podium:first-child{grid-row:auto}.podium__photo{width:60%}.podium__name{font-size:19px}.podium__points{max-width:120px}.podium__team{font-size:11px}.news-grid__list{gap:20px}.news-card--row{grid-template-columns:115px minmax(0,1fr);gap:12px}.news-card--row .news-card__chip{bottom:7px;left:7px;font-size:8px}.news-card--row h3{font-size:13px}.news-card--row .eyebrow{font-size:8px}.news-card__body h3{font-size:15px}.news-card--featured h3{font-size:20px}.news-index-grid{grid-template-columns:1fr}.fighter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.fighter-card__number{font-size:62px;left:10px}.fighter-card__class{font-size:8px;top:12px;right:8px}.fighter-card__meta .eyebrow{font-size:8px}.fighter-card__name{font-size:14px}.fighter-card .record-note{font-size:7px}.fighter-card .image-credit{font-size:6px;bottom:10px}.promoter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promoter-card{min-height:220px;padding:16px}.promoter-card__name{font-size:26px}.promoter-monogram{font-size:95px}.promoter-card__sport{font-size:7px}.trending-list{gap:18px 12px}.trending-list>a{gap:8px}.trending-list a>span{font-size:10px}.trending-list img{width:30px;height:30px}.schedule-preview>a{gap:12px}.schedule-preview .chip{display:none}.home-ctas{grid-template-columns:1fr}.cta-card{padding:32px}.site-footer{margin-top:20px}.site-footer nav{font-size:11px;gap:15px}.browse-tools label{min-width:130px}.results-picker{grid-template-columns:1fr 1fr;gap:12px}.results-picker label:nth-child(3),.results-picker .results-search{grid-column:span 2}.results-picker .btn{justify-self:start}.results-head{flex-wrap:wrap}.results-head__badge{font-size:36px}.results-head h2{font-size:30px}.results-head>div{min-width:180px}.results-head>.btn{margin-left:65px}.results-table{font-size:11px}.event-grid{grid-template-columns:1fr}.page-head h1{font-size:42px}.profile-team-mark>span{font-size:8px}.fighter-profile h1{font-size:56px}.profile-class{font-size:9px}.profile-bio{font-size:12px}.profile-feature-grid .section-head{margin-bottom:15px}.profile-feature-grid h2{font-size:25px}.profile-feature-grid .section-head>.btn{font-size:9px}.fighter-result-row time{display:none}.identity-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.identity-grid dd{font-size:11px;overflow-wrap:anywhere}.profile-record{font-size:52px}.article-heading h1{font-size:45px}.article-heading .subtitle{font-size:16px}.article-body{font-size:16px}.article-body>p:first-child{font-size:18px}.article-photo img{border-radius:14px}.source-box{padding:15px 18px}.profile-actions .btn{font-size:12px;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition:none!important}}
.profile-container{width:100%;max-width:1600px;margin:auto}.fighter-profile-hero{min-height:675px}.profile-wash{background:linear-gradient(0deg,#101010 5%,transparent 95%),linear-gradient(90deg,#101010cc,transparent),linear-gradient(145deg,#29292966,transparent 60%)}@media(max-width:899px){.fighter-profile-hero{min-height:600px}}
.trending-list img{object-position:50% 18%}.fighter-card__number{font-size:76px}.fighter-card__number:has(small){font-size:88px}@media(max-width:599px){.fighter-card__number{font-size:55px}.fighter-card__number:has(small){font-size:68px}}
.results-picker{grid-template-columns:.55fr 1.5fr 1.7fr;gap:12px}.results-picker>label:not(.results-search){border:1px solid #3a3a3a;border-radius:10px;background:#202020;padding:8px 18px;text-transform:uppercase;font:500 10px var(--font-display);letter-spacing:1px}.results-picker>label:not(.results-search) select{margin:3px 0 0;padding:0;border:0;background:transparent;font:700 16px var(--font-display);color:white;min-height:22px}.results-picker .results-search{grid-column:2/4;grid-row:2;justify-self:end;width:min(100%,450px);font-size:0}.results-picker .results-search input{margin:0;height:46px;font:600 15px var(--font-display)}.results-picker>.btn{grid-column:1;grid-row:2;justify-self:start;min-width:100px}.fight-recap{margin:0 0 28px;border-radius:26px;background:#080808;padding:26px 24px;color:#eee}.fight-recap__faces{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;margin:20px 0 10px}.recap-fighter{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center}.recap-avatar{display:block;width:105px;height:105px;border:3px solid #444;border-radius:50%;overflow:hidden;background:#303030}.recap-avatar img{height:100%;width:100%;object-fit:cover;object-position:50% 15%}.recap-fighter--winner .recap-avatar{width:135px;height:135px;border-color:#d4ff37}.recap-fighter>b{border-radius:50%;width:29px;height:29px;background:#333;display:grid;place-items:center;font:700 20px var(--font-display)}.recap-fighter--winner>b{background:#d4ff37;color:black}.recap-fighter>strong{font:700 19px var(--font-display);text-transform:uppercase}.recap-fighter--winner>strong{color:#d4ff37}.recap-method{display:grid;gap:9px;text-align:center}.recap-method>strong{font:700 30px/.95 var(--font-display);text-transform:uppercase}.recap-method>span{font-size:10px;color:#999}.recap-method>b{font:700 28px var(--font-display);color:#d4ff37}.recap-description{font-size:12px;line-height:1.7;color:#bbb;margin-top:20px!important}.recap-initials{display:grid;place-items:center;height:100%;font:800 48px var(--font-display);color:#777}.results-head{border-bottom:1px solid #444;padding-bottom:22px}.results-head__badge{font-size:56px}@media(max-width:899px){.results-picker{grid-template-columns:.55fr 1fr 1.2fr}.results-picker .results-search{grid-column:2/4}.recap-fighter>strong{font-size:17px}}@media(max-width:599px){.results-picker{grid-template-columns:1fr 1fr}.results-picker>label:nth-child(3){grid-column:span 2}.results-picker .results-search{grid-column:1/3;grid-row:3;width:100%;max-width:none}.results-picker>.btn{grid-row:4}.fight-recap{padding:20px 12px;border-radius:18px}.fight-recap__faces{gap:8px}.recap-avatar{width:66px;height:66px}.recap-fighter--winner .recap-avatar{width:82px;height:82px}.recap-fighter>strong{font-size:15px;line-height:1}.recap-method>strong{font-size:22px;overflow-wrap:anywhere}.recap-method>span{font-size:9px}.recap-method>b{font-size:24px}.recap-description{font-size:11px}.results-head__badge{font-size:40px}}
.browse-tools .saved-filter{display:flex;align-items:center;gap:8px;min-width:155px;flex:0 0 auto;padding-bottom:10px;white-space:nowrap}.saved-filter input{width:15px;height:15px;margin:0;accent-color:#d4ff37}@media(max-width:899px){.hero__slide{height:660px;max-height:80svh}.hero__title{font-size:var(--text-display-xl)}}
/* Official fight footage and linked media, using the shared LivMX card layout. */
.video-grid,.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}.video-card{min-width:0}.video-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#202020}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.video-thumb:hover img{transform:scale(1.04)}.video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:var(--accent,#d4ff37);color:#000;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-size:22px}.video-kind{position:absolute;bottom:10px;left:10px;padding:5px 10px;background:#000;border-radius:6px;font-size:12px}.video-card h3{font-size:24px;line-height:1.1;margin:8px 0 0}.video-card .eyebrow{margin:14px 0 0;font-size:11px}.watch-player{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;border-radius:22px}.watch-player>img,.watch-player iframe{width:100%;height:100%;object-fit:cover;border:0}.watch-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#d4ff37;color:#000;border:0;border-radius:50px;padding:20px 30px;font-weight:800;cursor:pointer}.media-grid .news-card{min-width:0}.media-grid .news-card img{aspect-ratio:16/9;object-fit:cover}.browse-tools select{max-width:100%}@media(max-width:800px){.video-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(max-width:540px){.video-grid,.media-grid{grid-template-columns:1fr}.video-card h3{font-size:26px}.entity-tabs{overflow-x:auto}.watch-start{padding:16px 22px;white-space:nowrap}}
.fantasy-intro h1 span{color:#d4ff37}.fantasy-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.fantasy-summary>div{padding:24px;background:#202020;border-radius:18px;display:grid;gap:6px}.fantasy-summary strong{font:800 52px var(--font-display);color:#d4ff37}.fantasy-summary span{font-size:13px;color:#bbb}.fantasy-contest{background:#222;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px}.fantasy-contest h3{font-size:30px;line-height:1.1}.fantasy-contest .btn{margin-top:auto;align-self:start}.fantasy-rules{display:grid;gap:18px;max-width:780px}.fantasy-rules p{color:#bbb;line-height:1.7}.fan-account-forms{display:grid;grid-template-columns:1fr 1fr;gap:28px}.fan-account-forms form,.fan-recover{display:grid;gap:14px}.fan-account-forms label,.pick-details label,.fan-recover label{display:grid;gap:8px;font-size:13px;color:#ccc}.fan-account-forms input,.fan-recover input,.pick-details select{background:#292929;border:1px solid #444;border-radius:10px;padding:12px;color:#fff;min-width:0}.fan-check{display:flex!important;align-items:center}.fan-check input{width:18px;height:18px}.recovery-code{padding:20px;background:#252525;border:1px solid #d4ff37;border-radius:12px;overflow-wrap:anywhere;line-height:1.7}.recovery-code code{display:block;color:#d4ff37;font-size:16px;user-select:all}.fan-honeypot{display:none}.pick-bout{border:1px solid #363636;background:#202020;border-radius:20px;padding:24px;margin-top:24px}.pick-bout fieldset{padding:0;border:0;min-width:0}.pick-bout legend{font:700 26px var(--font-display);padding-bottom:22px}.pick-fighters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pick-fighters label{cursor:pointer;display:flex;align-items:center;gap:12px;padding:15px;background:#292929;border:1px solid #444;border-radius:12px}.pick-fighters label:has(input:checked){border-color:#d4ff37;box-shadow:inset 0 0 0 1px #d4ff37}.pick-fighters .recap-avatar{width:60px;height:60px;flex-shrink:0}.pick-fighters .recap-initials{font-size:23px}.pick-fighters .pick-draw{grid-column:1/-1;justify-self:start;padding:8px 15px;font-size:13px}.pick-details{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:20px}.pick-details .btn{align-self:end}.pick-status{color:#d4ff37;min-height:22px;margin-top:16px;font-size:13px}.pick-profile-links{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#bbb}.source-status{padding:20px 0;border-bottom:1px solid #333;display:grid;gap:8px}.source-status strong{font-size:20px}.source-status small{color:#bbb}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{text-align:left;padding:15px;border-bottom:1px solid #333}.leaderboard-table td:first-child{color:#d4ff37;font-weight:800}.leaderboard-table-wrap{overflow:auto}.fantasy-card-head{margin-top:40px;scroll-margin-top:120px}.fan-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.fantasy-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.fantasy-cta h2{color:#d4ff37}.fantasy-cta p{color:#bbb;margin-top:8px}.coverage-link{font-size:12px;color:#bbb}.fantasy-summary strong{overflow-wrap:anywhere}@media(max-width:650px){.fantasy-summary{gap:8px}.fantasy-summary>div{padding:15px}.fantasy-summary strong{font-size:38px}.fantasy-summary span{font-size:10px}.fan-account-forms{grid-template-columns:1fr}.pick-fighters{gap:10px}.pick-fighters label{flex-direction:column;align-items:start;padding:12px;font-size:13px}.pick-fighters .pick-draw{flex-direction:row;align-items:center}.pick-details{grid-template-columns:1fr}.pick-bout{padding:18px}.leaderboard-table th,.leaderboard-table td{padding:12px 8px;font-size:12px}}

#homeNetwork{display:contents}

#fantasyCard{scroll-margin-top:120px}

.stack-section>*{min-width:0}.news-index-grid,.news-card,.news-card__body{min-width:0}.news-card__body h3,.article-heading h1{overflow-wrap:anywhere}.filter-chips{max-width:100%;overflow-x:auto}