/* ZimPrem Fantasy — Wave 66 rivalry and commercial hierarchy.
   Presentation only: no scores, ranks, memberships, player facts or commercial claims are created here. */

/* The available presenting-partner house slot should not outrank the game itself. */
.fantasy-presenting-slot-wave66 {
  background:#020604!important;
  padding:8px 12px!important;
  border-bottom:1px solid rgba(225,182,74,.12);
}
.fantasy-presenting-slot-wave66 .commercial-slot {
  max-width:106rem;
  margin:0 auto;
  border:1px solid rgba(225,182,74,.18)!important;
  background:linear-gradient(90deg,#07120c,#040a07)!important;
  box-shadow:none!important;
}
.fantasy-presenting-slot-wave66 .commercial-inner {
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"head cta" "body cta"!important;
  align-items:center!important;
  gap:3px 18px!important;
  padding:12px 16px!important;
}
.fantasy-presenting-slot-wave66 .commercial-head {
  grid-area:head;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0;
}
.fantasy-presenting-slot-wave66 .commercial-label {
  min-height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 8px!important;
  border:1px solid rgba(225,182,74,.35)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#f1cf72!important;
  font-size:8px!important;
  letter-spacing:.15em!important;
}
.fantasy-presenting-slot-wave66 .commercial-partner {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(245,247,245,.46)!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
}
.fantasy-presenting-slot-wave66 .commercial-body {
  grid-area:body;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0;
}
.fantasy-presenting-slot-wave66 .commercial-mark {
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(225,182,74,.28)!important;
  background:rgba(225,182,74,.06)!important;
  color:#e1b64a!important;
  font-size:9px!important;
}
.fantasy-presenting-slot-wave66 .commercial-headline {
  margin:0!important;
  color:#f5f7f5!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.fantasy-presenting-slot-wave66 .commercial-copy {display:none!important;}
.fantasy-presenting-slot-wave66 .commercial-cta {
  grid-area:cta;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 14px!important;
  border-left:1px solid rgba(225,182,74,.18)!important;
  color:#f1cf72!important;
  font-size:9px!important;
  font-weight:900!important;
  white-space:nowrap;
}

/* Rivalry page: make leagues feel like the social heartbeat, not another form page. */
.fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) {
  --rivalry-gold:#e1b64a;
  --rivalry-gold-bright:#f1cf72;
  --rivalry-line:rgba(255,255,255,.09);
}
.fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) > .grid.grid-cols-2.gap-2.sm\:grid-cols-4 {
  gap:0!important;
  border:1px solid var(--rivalry-line)!important;
  background:#050d09!important;
}
.fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) > .grid.grid-cols-2.gap-2.sm\:grid-cols-4 > * {
  min-height:128px!important;
  border:0!important;
  border-right:1px solid var(--rivalry-line)!important;
  border-bottom:1px solid var(--rivalry-line)!important;
  background:linear-gradient(180deg,rgba(225,182,74,.035),transparent 76%)!important;
  box-shadow:none!important;
}
.fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) > .grid.grid-cols-2.gap-2.sm\:grid-cols-4 strong {
  font-size:clamp(2rem,4vw,4.3rem)!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
}

.fantasy-shell-v12 .fantasy-org-cta-v54 {
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:34px!important;
  padding:clamp(28px,4vw,54px)!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(225,182,74,.13),transparent 12rem),
    linear-gradient(110deg,#0b2618 0%,#07140d 48%,#030906 100%)!important;
  border-bottom:1px solid rgba(225,182,74,.18)!important;
}
.fantasy-shell-v12 .fantasy-org-cta-v54::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:url('/visuals/fantasy-rivalry-lines.svg') 92% 48%/760px auto no-repeat;
  opacity:.32;
}
.fantasy-shell-v12 .fantasy-org-cta-v54 > * {position:relative;z-index:1;}
.fantasy-shell-v12 .fantasy-org-cta-v54 h2 {
  max-width:12ch!important;
  font-size:clamp(2.7rem,5vw,5.8rem)!important;
  line-height:.87!important;
  letter-spacing:-.065em!important;
}
.fantasy-shell-v12 .fantasy-org-cta-v54 p {max-width:58ch!important;color:rgba(245,247,245,.58)!important;}

.fantasy-shell-v12 .fantasy-league-type-grid-v54 {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.fantasy-shell-v12 .fantasy-league-type-v54 {
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:5px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:0!important;
  background:#06100b!important;
  color:#f5f7f5!important;
  text-align:left!important;
  box-shadow:none!important;
}
.fantasy-shell-v12 .fantasy-league-type-v54:hover,
.fantasy-shell-v12 .fantasy-league-type-v54:focus-visible {
  border-color:rgba(225,182,74,.38)!important;
  background:#0a1b12!important;
}
.fantasy-shell-v12 .fantasy-league-type-v54[data-active="true"] {
  border-color:rgba(225,182,74,.62)!important;
  border-top-width:3px!important;
  background:linear-gradient(180deg,rgba(225,182,74,.11),#07120c 72%)!important;
}
.fantasy-shell-v12 .fantasy-league-type-v54 strong {
  font-size:13px!important;
  letter-spacing:-.02em!important;
}
.fantasy-shell-v12 .fantasy-league-type-v54 span {
  color:rgba(245,247,245,.38)!important;
  font-size:8px!important;
  line-height:1.45!important;
}

.fantasy-shell-v12 .fantasy-demo-rivalries-v54 {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  background:rgba(255,255,255,.08)!important;
}
.fantasy-shell-v12 .fantasy-demo-rivalry-card-v54 {
  min-height:310px!important;
  padding:22px!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(225,182,74,.03),transparent 52%),
    #06100b!important;
  box-shadow:none!important;
}
.fantasy-shell-v12 .fantasy-demo-rivalry-card-v54:hover {
  background:linear-gradient(180deg,rgba(225,182,74,.08),#07120c 58%)!important;
}
.fantasy-shell-v12 .fantasy-demo-rivalry-card-v54 h4 {
  max-width:13ch;
  font-size:clamp(1.45rem,2vw,2rem)!important;
  line-height:.96!important;
  letter-spacing:-.04em!important;
}
.fantasy-shell-v12 .fantasy-demo-tag-v54 {
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 8px!important;
  border:1px solid rgba(225,182,74,.24)!important;
  border-radius:999px!important;
  background:rgba(225,182,74,.055)!important;
  color:#f1cf72!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

/* The live rivalry centre and forms should read as one command surface. */
.fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) > section {
  border-radius:0!important;
  box-shadow:none!important;
}
.fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) input {
  border-radius:0!important;
  border-color:rgba(255,255,255,.12)!important;
  background:#020604!important;
}
.fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) button,
.fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) a {
  border-radius:0!important;
}

@media (max-width: 900px) {
  .fantasy-shell-v12 .fantasy-org-cta-v54 {grid-template-columns:1fr!important;gap:26px!important;}
  .fantasy-shell-v12 .fantasy-league-type-grid-v54 {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .fantasy-shell-v12 .fantasy-demo-rivalries-v54 {
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    background:transparent!important;
  }
  .fantasy-shell-v12 .fantasy-demo-rivalries-v54::-webkit-scrollbar {display:none;}
  .fantasy-shell-v12 .fantasy-demo-rivalry-card-v54 {
    min-width:min(82vw,340px)!important;
    scroll-snap-align:start;
    border-right:1px solid rgba(255,255,255,.08)!important;
  }
}

@media (max-width: 640px) {
  .fantasy-presenting-slot-wave66 {padding:6px 8px!important;}
  .fantasy-presenting-slot-wave66 .commercial-inner {
    min-height:58px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"head cta" "body cta"!important;
    gap:2px 10px!important;
    padding:9px 10px!important;
  }
  .fantasy-presenting-slot-wave66 .commercial-partner,
  .fantasy-presenting-slot-wave66 .commercial-mark {display:none!important;}
  .fantasy-presenting-slot-wave66 .commercial-headline {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px!important;
  }
  .fantasy-presenting-slot-wave66 .commercial-cta {
    min-height:36px!important;
    padding:0 9px!important;
    border-left:1px solid rgba(225,182,74,.14)!important;
    font-size:8px!important;
  }
  .fantasy-presenting-slot-wave66 .commercial-cta svg {width:12px!important;height:12px!important;}

  .fantasy-shell-v12 .fantasy-org-cta-v54 {padding:24px 16px!important;}
  .fantasy-shell-v12 .fantasy-org-cta-v54 h2 {font-size:clamp(2.5rem,12vw,4.4rem)!important;}
  .fantasy-shell-v12 .fantasy-league-type-v54 {min-height:104px!important;padding:12px!important;}
  .fantasy-shell-v12 .fantasy-content-v12:has(.fantasy-org-cta-v54) > .grid.grid-cols-2.gap-2.sm\:grid-cols-4 > * {min-height:108px!important;}
}

@media (prefers-reduced-motion: reduce) {
  .fantasy-shell-v12 .fantasy-demo-rivalry-card-v54,
  .fantasy-shell-v12 .fantasy-league-type-v54 {transition:none!important;}
}