.page-wc26-tournament {
  display: none;
  width: 100%;
  max-width: min(100%, 1280px);
  margin: 0 auto;
  padding: 0.35rem clamp(0.85rem, 2.4vw, 1.75rem) 2.75rem;
  box-sizing: border-box;
}

.rise-wc26__load-fallback,
.rise-wc26__load-error {
  margin: 1.25rem auto;
  max-width: 36rem;
  padding: 1rem 1.1rem;
  border-radius: 0.65rem;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--text, #e2e8f0);
  background: color-mix(in srgb, var(--bg-elevated, #0f172a) 92%, #422006 8%);
  border: 1px solid color-mix(in srgb, #f59e0b 35%, transparent);
}

.rise-wc26__load-error a {
  color: #fbbf24;
  font-weight: 600;
}

.rise-wc26__load-error-detail {
  margin-top: 0.65rem;
  font-size: 0.88rem;
  opacity: 0.92;
}

.rise-wc26__wallet-hint {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border-radius: 0.55rem;
  background: color-mix(in srgb, #b45309 18%, var(--bg-elevated, #0f172a));
  border: 1px solid color-mix(in srgb, #f59e0b 45%, transparent);
  font-size: 0.9rem;
  line-height: 1.45;
}

.rise-wc26__wallet-hint p {
  margin: 0 0 0.45rem;
}

.rise-wc26__wallet-hint p:last-child {
  margin-bottom: 0;
}

html[data-theme="light"] .rise-wc26__load-fallback,
html[data-theme="light"] .rise-wc26__load-error,
html[data-theme="light"] .rise-wc26__wallet-hint {
  color: #1e293b;
  background: #fffbeb;
  border-color: #fcd34d;
}

html[data-route="dashboard-wc26-tournament"] .page-wc26-tournament {
  display: block;
}

html[data-route="dashboard-wc26-tournament"] .page-sports-pools,
html[data-route="dashboard-wc26-tournament"] .page-prediction-market-detail,
html[data-route="dashboard-wc26-tournament"] .page-sports-match,
html[data-route="dashboard-wc26-tournament"] .page-home-content,
html[data-route="dashboard-wc26-tournament"] .pub-page {
  display: none !important;
}

.rise-wc26-promo-strip {
  margin: 0 0 1rem;
  padding: 0.65rem 0.85rem;
  border-radius: 0.55rem;
  border: 1px solid color-mix(in srgb, #ca8a04 45%, var(--hero-border, #334155));
  background:
    radial-gradient(ellipse 100% 70% at 100% 0%, color-mix(in srgb, #f59e0b 16%, transparent), transparent 55%),
    linear-gradient(135deg, color-mix(in srgb, var(--bg-elevated, #0f172a) 82%, #422006 18%), color-mix(in srgb, var(--bg-elevated, #0f172a) 90%, #713f12 10%));
  font-size: 0.88rem;
  font-weight: 650;
  color: color-mix(in srgb, var(--text, #e2e8f0) 20%, #fde68a 80%);
  box-shadow: 0 0 0 1px color-mix(in srgb, #fde68a 8%, transparent) inset;
}

.rise-wc26-promo-strip a {
  color: inherit;
  text-decoration: none;
}

.rise-wc26-promo-strip a:hover {
  text-decoration: underline;
}

.rise-wc26-promo-strip strong {
  color: #fcd34d;
}

.sports-pools > .rise-wc26-promo-strip--cross-promo {
  position: relative;
  z-index: 2;
  margin: 0 0 0.85rem;
}

html[data-route="dashboard-wc26-tournament"] .rise-wc26-promo-strip--cross-promo {
  display: none;
}

html[data-route="dashboard-sports-betting"] .nav-links__item--dashboard-wc26 a,
html[data-route="dashboard-prediction-markets"] .nav-links__item--dashboard-wc26 a {
  color: #fde68a;
  background: color-mix(in srgb, #f59e0b 14%, transparent);
  outline: 1px solid color-mix(in srgb, #eab308 35%, transparent);
}

html[data-theme="light"] .rise-wc26-promo-strip {
  border-color: color-mix(in srgb, #ca8a04 35%, var(--hero-border, #cbd5e1));
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
  color: #78350f;
}

html[data-theme="light"] .rise-wc26-promo-strip strong {
  color: #b45309;
}

.rise-wc26 {
  display: grid;
  gap: 1.25rem;
}

.rise-wc26__hero {
  display: grid;
  gap: 0.65rem;
}

.rise-wc26__hero--main {
  position: relative;
  overflow: hidden;
  border-radius: 0.85rem;
  border: 1px solid color-mix(in srgb, #ca8a04 42%, var(--hero-border, #334155));
  background: color-mix(in srgb, var(--bg-elevated, #0f172a) 96%, #422006 4%);
  box-shadow: 0 8px 24px color-mix(in srgb, #000 22%, transparent);
}

.rise-wc26__hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.65rem;
  padding: clamp(1.1rem, 2.8vw, 1.55rem);
}

.rise-wc26__hero-inner--combined {
  gap: 0.85rem;
}

@media (min-width: 768px) {
  .rise-wc26__hero-inner--combined {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
    align-items: start;
    column-gap: 1.1rem;
  }
}

.rise-wc26__top-row {
  margin-top: 0;
  align-items: stretch;
}

@media (max-width: 767px) {
  .rise-wc26__top-row {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
  }

  .rise-wc26__top-prize {
    order: 1;
  }

  .rise-wc26__top-pick {
    order: 2;
  }
}

html[data-route="dashboard-wc26-tournament"] .rise-wc26__top-pick.sports-match__fixture-aside {
  position: static;
  top: auto;
  min-height: 0;
}

.rise-wc26__top-prize,
.rise-wc26__top-pick {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.rise-wc26__top-prize .rise-wc26__hero--main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  background: color-mix(in srgb, var(--bg-elevated, #0f172a) 96%, #422006 4%);
}

.rise-wc26__top-prize .rise-wc26__hero-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
}

.rise-wc26__top-pick .rise-wc26__hero-pick {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  padding: clamp(1.1rem, 2.8vw, 1.55rem);
  box-sizing: border-box;
}

.rise-wc26__top-pick .rise-wc26__predict-host {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.rise-wc26__top-pick .wc26-champion {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.rise-wc26__top-pick .wc26-champion__btn {
  margin-top: auto;
}

.rise-wc26__bracket-host {
  min-width: 0;
  width: 100%;
  margin-top: 1.25rem;
}

.rise-wc26__bottom-row {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
}

@media (min-width: 1024px) {
  .rise-wc26__bottom-row {
    grid-template-columns: minmax(0, 1.9fr) minmax(300px, 1fr);
    align-items: start;
  }

  .rise-wc26__bracket-host {
    margin-top: 0;
  }

  .rise-wc26__panel--lb {
    margin-top: 0;
  }
}

.rise-wc26__hero-prize {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
}

.rise-wc26__hero-pick {
  padding: 0.6rem 0.65rem;
  border-radius: 0.55rem;
  border: 1px solid color-mix(in srgb, #eab308 48%, var(--hero-border, #334155));
  background:
    radial-gradient(ellipse 100% 80% at 100% 0%, color-mix(in srgb, #f59e0b 14%, transparent), transparent 58%),
    linear-gradient(
      160deg,
      color-mix(in srgb, var(--bg-page, #020617) 78%, #422006 22%),
      color-mix(in srgb, var(--bg-page, #020617) 88%, #713f12 12%)
    );
  box-shadow:
    0 0 0 1px color-mix(in srgb, #fde68a 10%, transparent) inset,
    0 10px 24px color-mix(in srgb, #000 22%, transparent);
}

.rise-wc26__hero-pick-h {
  margin: 0 0 0.15rem;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fde68a;
  text-shadow: 0 0 18px color-mix(in srgb, #f59e0b 35%, transparent);
}

.rise-wc26__hero-pick-sub {
  margin: 0 0 0.45rem;
  font-size: 0.68rem;
  line-height: 1.35;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 25%, #fde68a 75%);
}

.rise-wc26__hero-pick-sub strong {
  color: #fcd34d;
  font-weight: 850;
}

.rise-wc26__hero-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.rise-wc26__hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.15rem 0 0;
  padding: 0;
  list-style: none;
}

.rise-wc26__hero-meta li {
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.35;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 5%, var(--text, #e2e8f0));
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 65%, #ca8a04 35%);
  background: color-mix(in srgb, var(--bg-page, #020617) 55%, transparent);
}

.rise-wc26__hero-meta strong {
  color: #86efac;
  font-weight: 800;
}

.rise-wc26__title {
  margin: 0;
  font-size: clamp(1.35rem, 3.2vw, 1.85rem);
  font-weight: 850;
  letter-spacing: -0.02em;
}

.rise-wc26__sub {
  margin: 0;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 25%, var(--text, #e2e8f0));
  font-size: 0.92rem;
  line-height: 1.45;
  max-width: 52rem;
}

.rise-wc26__head {
  margin-bottom: 0.85rem;
}

.rise-wc26__head .sports-match__crumb {
  margin-bottom: 0;
}

.rise-wc26__rules {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.82rem;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 15%, var(--text, #e2e8f0));
}

.rise-wc26__prize-glow,
.rise-wc26__prize-shine {
  position: absolute;
  pointer-events: none;
}

.rise-wc26__prize-glow {
  inset: -40% -20% auto -10%;
  width: 75%;
  height: 160%;
  background: radial-gradient(
    circle,
    color-mix(in srgb, #fbbf24 32%, transparent) 0%,
    color-mix(in srgb, #d4af37 12%, transparent) 42%,
    transparent 72%
  );
  opacity: 0.95;
  animation: rise-wc26-hero-glow-pulse 4s ease-in-out infinite;
}

@keyframes rise-wc26-hero-glow-pulse {
  0%,
  100% {
    opacity: 0.75;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

.rise-wc26__prize-shine {
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent 38%,
    color-mix(in srgb, #fff 7%, transparent) 48%,
    transparent 58%
  );
  transform: translateX(-120%);
  animation: rise-wc26-prize-shine 7s ease-in-out infinite;
}

@keyframes rise-wc26-prize-shine {
  0%,
  72% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(120%);
  }
}

.rise-wc26__prize-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

/* Head prize jackpot stage */
.rise-wc26__prize-jackpot {
  position: relative;
  z-index: 1;
  margin: 0 -0.15rem 0.2rem;
  padding: 0.65rem 0.5rem 0.55rem;
}

.rise-wc26__prize-jackpot-fx {
  position: absolute;
  inset: -0.5rem -0.35rem 0.15rem;
  pointer-events: none;
  overflow: hidden;
  border-radius: 0.75rem;
}

.rise-wc26__prize-jackpot-rays {
  position: absolute;
  left: 50%;
  top: 58%;
  width: 140%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    color-mix(in srgb, #fbbf24 18%, transparent) 12deg,
    transparent 24deg,
    color-mix(in srgb, #fde68a 14%, transparent) 36deg,
    transparent 48deg,
    color-mix(in srgb, #fbbf24 16%, transparent) 60deg,
    transparent 72deg
  );
  opacity: 0.55;
  animation: rise-wc26-jackpot-rays 22s linear infinite;
  mask-image: radial-gradient(circle, #000 0%, transparent 68%);
}

@keyframes rise-wc26-jackpot-rays {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.rise-wc26__prize-jackpot-bloom {
  position: absolute;
  left: 12%;
  right: 5%;
  bottom: 0;
  height: 75%;
  background: radial-gradient(
    ellipse 90% 80% at 35% 100%,
    color-mix(in srgb, #fbbf24 38%, transparent),
    color-mix(in srgb, #d4af37 12%, transparent) 45%,
    transparent 72%
  );
  animation: rise-wc26-jackpot-bloom 3.5s ease-in-out infinite;
}

@keyframes rise-wc26-jackpot-bloom {
  0%,
  100% {
    opacity: 0.7;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

.rise-wc26__prize-jackpot-spark {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px #fde68a, 0 0 18px #fbbf24;
  animation: rise-wc26-jackpot-spark 2.8s ease-in-out infinite;
}

.rise-wc26__prize-jackpot-spark--a {
  top: 18%;
  left: 8%;
  animation-delay: 0s;
}

.rise-wc26__prize-jackpot-spark--b {
  top: 42%;
  right: 12%;
  animation-delay: 0.9s;
}

.rise-wc26__prize-jackpot-spark--c {
  bottom: 28%;
  left: 42%;
  animation-delay: 1.6s;
}

@keyframes rise-wc26-jackpot-spark {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.4);
  }
  45% {
    opacity: 1;
    transform: scale(1.2);
  }
}

.rise-wc26__prize-crest {
  width: 3.5rem;
  height: 3.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.85rem;
  border: 1px solid color-mix(in srgb, #fde68a 35%, var(--hero-border, #334155));
  background: color-mix(in srgb, var(--bg-page, #020617) 45%, #713f12 55%);
  box-shadow: 0 4px 12px color-mix(in srgb, #000 18%, transparent);
  padding: 0.35rem;
}

@keyframes rise-wc26-crest-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}

.rise-wc26__prize-crest img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rise-wc26__prize-badge {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0.45rem 0.7rem;
  border-radius: 0.55rem;
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #422006;
  border: 1px solid color-mix(in srgb, #fde68a 72%, #fff 28%);
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 48%, #fde68a 100%);
  box-shadow:
    0 1px 2px color-mix(in srgb, #000 28%, transparent),
    0 0 0 1px color-mix(in srgb, #fff 55%, transparent) inset;
}

@keyframes rise-wc26-badge-glow {
  0%,
  100% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, #fff 10%, transparent) inset,
      0 0 16px color-mix(in srgb, #fbbf24 28%, transparent);
  }
  50% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, #fff 18%, transparent) inset,
      0 0 28px color-mix(in srgb, #fbbf24 48%, transparent);
  }
}

.rise-wc26__prize-kicker {
  position: relative;
  z-index: 2;
  margin: 0.35rem 0 0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, #fde68a 80%, #fff);
}

.rise-wc26__prize-amount {
  position: relative;
  z-index: 2;
  margin: 0.08rem 0 0;
  display: flex;
  align-items: baseline;
  gap: 0.06em;
  font-size: clamp(3rem, 11vw, 4.75rem);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.05em;
}

@keyframes rise-wc26-amount-pop {
  0% {
    opacity: 0;
    transform: scale(0.88) translateY(8px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.rise-wc26__prize-currency {
  color: #fde68a;
  font-size: 0.72em;
  font-weight: 900;
}

.rise-wc26__prize-amount-num {
  background: linear-gradient(
    105deg,
    #fff 0%,
    #fffbeb 18%,
    #fde68a 35%,
    #fbbf24 50%,
    #fffbeb 65%,
    #fde68a 82%,
    #d4af37 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@keyframes rise-wc26-amount-shimmer {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

.rise-wc26__prize-rules {
  margin-top: 0.15rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 68%, #ca8a04 32%);
  background: color-mix(in srgb, var(--bg-page, #020617) 78%, transparent);
}

.rise-wc26__prize-rules-lead {
  margin: 0 0 0.35rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, #fde68a 70%, var(--text-muted, #94a3b8));
}

.rise-wc26__prize-rules-list {
  margin: 0;
  padding-left: 1.05rem;
  font-size: 0.72rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 12%, var(--text, #e2e8f0));
}

.rise-wc26__prize-rules-list li + li {
  margin-top: 0.2rem;
}

.rise-wc26__panel-sub {
  margin: -0.2rem 0 0.65rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-muted, #94a3b8);
}

.rise-wc26__prize-note {
  margin: 0.15rem 0 0;
  max-width: 36rem;
  font-size: 0.84rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 8%, var(--text, #e2e8f0));
}

/* Championship prize vault — premium ring + live meters */
.rise-wc26__vault {
  position: relative;
  margin-top: 0.55rem;
  padding: 1rem 1rem 1.05rem;
  border-radius: 0.85rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, #d4af37 32%, var(--hero-border, #334155));
  background:
    linear-gradient(165deg, color-mix(in srgb, #fff 4%, transparent) 0%, transparent 42%),
    radial-gradient(ellipse 90% 55% at 50% -8%, color-mix(in srgb, #d4af37 14%, transparent), transparent 58%),
    radial-gradient(ellipse 70% 50% at 100% 100%, color-mix(in srgb, #059669 8%, transparent), transparent 55%),
    linear-gradient(
      168deg,
      color-mix(in srgb, var(--bg-page, #020617) 92%, #1c1917 8%),
      color-mix(in srgb, var(--bg-page, #020617) 88%, #292524 12%)
    );
  box-shadow:
    0 0 0 1px color-mix(in srgb, #d4af37 12%, transparent) inset,
    0 8px 20px color-mix(in srgb, #000 20%, transparent);
}

.rise-wc26__vault-grain {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}

.rise-wc26__vault-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.85rem;
}

.rise-wc26__vault-header-label {
  flex-shrink: 0;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: color-mix(in srgb, #e8d5a3 75%, var(--text-muted, #94a3b8));
}

.rise-wc26__vault-header-ornament {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, #d4af37 45%, transparent),
    color-mix(in srgb, #d4af37 12%, transparent) 70%,
    transparent
  );
}

.rise-wc26__vault-header-ornament::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  margin-left: auto;
  margin-top: -2px;
  transform: rotate(45deg);
  border: 1px solid color-mix(in srgb, #d4af37 55%, transparent);
  background: color-mix(in srgb, #d4af37 18%, transparent);
  box-shadow: 0 0 8px color-mix(in srgb, #d4af37 25%, transparent);
}

.rise-wc26__vault-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.rise-wc26__vault-layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
  align-items: center;
}

@media (min-width: 520px) {
  .rise-wc26__vault-layout {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1.25rem;
  }
}

.rise-wc26__vault-ring-wrap {
  position: relative;
  width: 8.25rem;
  height: 8.25rem;
  margin: 0 auto;
  flex-shrink: 0;
  filter: drop-shadow(0 12px 28px color-mix(in srgb, #000 35%, transparent));
}

.rise-wc26__vault-ring-outer {
  position: absolute;
  inset: -0.5rem;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, #d4af37 22%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, #d4af37 8%, transparent) inset;
  animation: rise-wc26-vault-spin 36s linear infinite;
  opacity: 0.65;
}

.rise-wc26__vault-ring-bevel {
  position: absolute;
  inset: -0.12rem;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px color-mix(in srgb, #fff 8%, transparent) inset,
    0 0 0 2px color-mix(in srgb, #000 25%, transparent) inset;
  pointer-events: none;
}

@keyframes rise-wc26-vault-spin {
  to {
    transform: rotate(360deg);
  }
}

.rise-wc26__vault-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(
    from 210deg,
    #a16207 0deg,
    #d4af37 calc(var(--wc26-head-share, 100) * 3.6deg * 0.35),
    #f5e6a3 calc(var(--wc26-head-share, 100) * 3.6deg),
    #047857 calc(var(--wc26-head-share, 100) * 3.6deg),
    #34d399 calc((var(--wc26-head-share, 100) + var(--wc26-pool-share, 0)) * 3.6deg),
    color-mix(in srgb, var(--bg-page, #020617) 92%, #1c1917) calc((var(--wc26-head-share, 100) + var(--wc26-pool-share, 0)) * 3.6deg)
  );
  box-shadow:
    0 0 0 1px color-mix(in srgb, #f5e6a3 14%, transparent) inset,
    0 0 0 3px color-mix(in srgb, #000 35%, transparent) inset;
}

@keyframes rise-wc26-vault-glow {
  0%,
  100% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.04) saturate(1.06);
  }
}

.rise-wc26__vault-ring-hole {
  position: absolute;
  inset: 0.82rem;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 28%, color-mix(in srgb, #292524 55%, var(--bg-page, #020617)), var(--bg-page, #020617));
  box-shadow:
    0 0 0 1px color-mix(in srgb, #d4af37 16%, transparent) inset,
    0 4px 16px color-mix(in srgb, #000 45%, transparent) inset;
}

.rise-wc26__vault-ring-center {
  position: absolute;
  inset: 0.82rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.4rem;
  pointer-events: none;
}

.rise-wc26__vault-ring-kicker {
  font-size: 0.5rem;
  font-weight: 650;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, #e8d5a3 65%, var(--text-muted, #94a3b8));
}

.rise-wc26__vault-ring-total {
  margin-top: 0.12rem;
  font-size: 1.28rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.04em;
  line-height: 1.05;
  background: linear-gradient(180deg, #fffbeb 0%, #f5e6a3 42%, #d4af37 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 1px 1px color-mix(in srgb, #000 25%, transparent));
}

.rise-wc26__vault-ring-sub {
  margin-top: 0.18rem;
  max-width: 6.5rem;
  font-size: 0.48rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 85%, #e8d5a3);
}

.rise-wc26__vault-meters {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.rise-wc26__vault-meter {
  padding: 0.55rem 0.62rem 0.62rem;
  border-radius: 0.55rem;
  background: color-mix(in srgb, var(--bg-page, #020617) 55%, transparent);
  box-shadow:
    0 0 0 1px color-mix(in srgb, #fff 4%, transparent) inset,
    0 0 0 1px color-mix(in srgb, var(--hero-border, #334155) 70%, #d4af37 30%);
}

.rise-wc26__vault-meter-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.38rem;
}

.rise-wc26__vault-meter-label {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 15%, #e8d5a3);
}

.rise-wc26__vault-meter-val {
  font-size: 0.7rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--text, #e2e8f0) 90%, #f5e6a3);
  white-space: nowrap;
}

.rise-wc26__vault-track {
  position: relative;
  height: 0.42rem;
  border-radius: 999px;
  overflow: hidden;
  background: color-mix(in srgb, var(--bg-page, #020617) 80%, #0f172a);
  box-shadow:
    0 1px 2px color-mix(in srgb, #000 35%, transparent) inset,
    0 0 0 1px color-mix(in srgb, var(--hero-border, #334155) 75%, transparent) inset;
}

.rise-wc26__vault-meter--head .rise-wc26__vault-track {
  height: 0.5rem;
  box-shadow:
    0 1px 2px color-mix(in srgb, #000 35%, transparent) inset,
    0 0 0 1px color-mix(in srgb, #d4af37 30%, transparent) inset,
    0 0 14px color-mix(in srgb, #d4af37 14%, transparent);
}

.rise-wc26__vault-track--entry {
  height: 0.52rem;
}

.rise-wc26__vault-fill {
  position: relative;
  height: 100%;
  border-radius: inherit;
  transition: width 1.35s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  isolation: isolate;
}

.rise-wc26__vault-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, color-mix(in srgb, #fff 24%, transparent) 0%, transparent 52%);
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}

.rise-wc26__vault-fill--gold {
  background: linear-gradient(90deg, #92400e 0%, #b8860b 24%, #d4af37 50%, #f5e6a3 76%, #e8c547 100%);
  background-size: 220% 100%;
  animation: rise-wc26-bar-gold-flow 7s ease-in-out infinite;
  box-shadow:
    0 0 10px color-mix(in srgb, #fbbf24 32%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 28%, transparent);
}

.rise-wc26__vault-fill--gold::before {
  content: "";
  position: absolute;
  top: -30%;
  bottom: -30%;
  left: 0;
  width: 42%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, #fff 45%, transparent), transparent);
  animation: rise-wc26-bar-shimmer 3.4s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

.rise-wc26__vault-fill--green {
  min-width: 0.28rem;
  background: linear-gradient(90deg, #065f46 0%, #059669 38%, #34d399 72%, #6ee7b7 100%);
  background-size: 200% 100%;
  box-shadow:
    0 0 8px color-mix(in srgb, #34d399 28%, transparent),
    inset -3px 0 10px color-mix(in srgb, #a7f3d0 35%, transparent);
}

.rise-wc26__vault-meter--entry:not(.is-empty) .rise-wc26__vault-fill--green {
  animation: rise-wc26-bar-green-flow 5.5s ease-in-out infinite;
}

.rise-wc26__vault-meter--entry:not(.is-empty) .rise-wc26__vault-fill--green::before {
  content: "";
  position: absolute;
  top: -30%;
  bottom: -30%;
  left: 0;
  width: 38%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, #fff 38%, transparent), transparent);
  animation: rise-wc26-bar-shimmer 2.8s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

.rise-wc26__vault-meter--entry.is-empty .rise-wc26__vault-track--entry {
  box-shadow:
    0 1px 2px color-mix(in srgb, #000 35%, transparent) inset,
    0 0 0 1px color-mix(in srgb, #34d399 28%, transparent) inset,
    0 0 16px color-mix(in srgb, #34d399 12%, transparent);
  animation: rise-wc26-entry-track-pulse 2.8s ease-in-out infinite;
}

.rise-wc26__vault-meter--entry.is-empty .rise-wc26__vault-track--entry::before {
  content: "";
  position: absolute;
  left: 0.12rem;
  top: 50%;
  width: 0.42rem;
  height: 0.42rem;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 10px color-mix(in srgb, #34d399 75%, transparent);
  animation: rise-wc26-entry-seed-pulse 1.8s ease-in-out infinite;
  z-index: 3;
  pointer-events: none;
}

.rise-wc26__vault-meter--entry.is-empty .rise-wc26__vault-track--entry::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, #34d399 22%, transparent) 48%,
    transparent 96%
  );
  animation: rise-wc26-bar-beacon 2.6s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

@keyframes rise-wc26-bar-shimmer {
  0% {
    transform: translateX(-130%);
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    transform: translateX(320%);
    opacity: 0;
  }
}

@keyframes rise-wc26-bar-gold-flow {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

@keyframes rise-wc26-bar-green-flow {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

@keyframes rise-wc26-bar-beacon {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes rise-wc26-entry-track-pulse {
  0%,
  100% {
    box-shadow:
      0 1px 2px color-mix(in srgb, #000 35%, transparent) inset,
      0 0 0 1px color-mix(in srgb, #34d399 24%, transparent) inset,
      0 0 12px color-mix(in srgb, #34d399 8%, transparent);
  }
  50% {
    box-shadow:
      0 1px 2px color-mix(in srgb, #000 35%, transparent) inset,
      0 0 0 1px color-mix(in srgb, #34d399 38%, transparent) inset,
      0 0 20px color-mix(in srgb, #34d399 18%, transparent);
  }
}

@keyframes rise-wc26-entry-seed-pulse {
  0%,
  100% {
    transform: translateY(-50%) scale(0.88);
    opacity: 0.75;
  }
  50% {
    transform: translateY(-50%) scale(1.12);
    opacity: 1;
  }
}

.rise-wc26__vault-spark {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 22%;
  pointer-events: none;
  opacity: 0.65;
  animation: rise-wc26-vault-spark 4.8s ease-in-out infinite;
}

.rise-wc26__vault-spark--gold {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, #fff 28%, transparent), transparent);
}

.rise-wc26__vault-spark--green {
  left: auto;
  right: 0;
  animation-delay: 1.2s;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, #fff 20%, transparent), transparent);
}

@keyframes rise-wc26-vault-spark {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    transform: translateX(320%);
    opacity: 0;
  }
}

.rise-wc26__vault-tick {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: color-mix(in srgb, #fff 8%, transparent);
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0.45;
}

.rise-wc26__vault-milestone {
  margin: 0.42rem 0 0;
  font-size: 0.66rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 75%, #e8d5a3);
}

.rise-wc26__vault-milestone strong {
  color: #f5e6a3;
  font-weight: 750;
}

.rise-wc26__vault-meter--entry .rise-wc26__vault-meter-label {
  color: color-mix(in srgb, #6ee7b7 45%, var(--text-muted, #94a3b8));
}

.rise-wc26__vault-meter--entry.is-empty .rise-wc26__vault-meter-label {
  color: color-mix(in srgb, #6ee7b7 65%, #e8d5a3);
}

html[data-theme="light"] .rise-wc26__vault-meter--head .rise-wc26__vault-track {
  box-shadow:
    0 1px 2px color-mix(in srgb, #854d0e 8%, transparent) inset,
    0 0 0 1px color-mix(in srgb, #d4af37 25%, transparent) inset,
    0 0 10px color-mix(in srgb, #d4af37 10%, transparent);
}

html[data-theme="light"] .rise-wc26__vault-meter--entry.is-empty .rise-wc26__vault-track--entry {
  animation: rise-wc26-entry-track-pulse-light 2.8s ease-in-out infinite;
}

@keyframes rise-wc26-entry-track-pulse-light {
  0%,
  100% {
    box-shadow:
      0 1px 2px color-mix(in srgb, #854d0e 6%, transparent) inset,
      0 0 0 1px color-mix(in srgb, #059669 22%, transparent) inset,
      0 0 10px color-mix(in srgb, #34d399 8%, transparent);
  }
  50% {
    box-shadow:
      0 1px 2px color-mix(in srgb, #854d0e 6%, transparent) inset,
      0 0 0 1px color-mix(in srgb, #059669 32%, transparent) inset,
      0 0 16px color-mix(in srgb, #34d399 14%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rise-wc26__prize-glow,
  .rise-wc26__prize-shine,
  .rise-wc26__prize-jackpot-rays,
  .rise-wc26__prize-jackpot-bloom,
  .rise-wc26__prize-jackpot-spark,
  .rise-wc26__prize-crest,
  .rise-wc26__prize-badge,
  .rise-wc26__prize-amount,
  .rise-wc26__prize-amount-num,
  .rise-wc26__vault-ring-outer,
  .rise-wc26__vault-ring,
  .rise-wc26__vault-spark,
  .rise-wc26__vault-fill--gold,
  .rise-wc26__vault-fill--green,
  .rise-wc26__vault-fill--gold::before,
  .rise-wc26__vault-fill--green::before,
  .rise-wc26__vault-meter--entry.is-empty .rise-wc26__vault-track--entry,
  .rise-wc26__vault-meter--entry.is-empty .rise-wc26__vault-track--entry::before,
  .rise-wc26__vault-meter--entry.is-empty .rise-wc26__vault-track--entry::after {
    animation: none;
  }

  .rise-wc26__vault-fill {
    transition: none;
  }
}

@keyframes rise-wc26-vault-empty {
  0%,
  100% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
}

html[data-theme="light"] .rise-wc26__prize-rules {
  background: color-mix(in srgb, #fff 82%, #fef3c7);
  border-color: color-mix(in srgb, #ca8a04 28%, var(--hero-border, #cbd5e1));
}

html[data-theme="light"] .rise-wc26__prize-rules-lead {
  color: #92400e;
}

html[data-theme="light"] .rise-wc26__prize-rules-list {
  color: #57534e;
}

html[data-theme="light"] .rise-wc26__hero--main {
  border-color: color-mix(in srgb, #ca8a04 35%, var(--hero-border, #cbd5e1));
  background: #fffbeb;
  box-shadow: 0 8px 24px color-mix(in srgb, #854d0e 10%, transparent);
}

html[data-theme="light"] .rise-wc26__top-prize .rise-wc26__hero--main {
  background: #fffbeb;
}

html[data-theme="light"] .rise-wc26__prize-badge {
  color: #451a03;
  background: linear-gradient(135deg, #fff 0%, #fef3c7 55%, #fde68a 100%);
  border-color: color-mix(in srgb, #ca8a04 38%, #fde68a 62%);
  box-shadow:
    0 1px 2px color-mix(in srgb, #854d0e 12%, transparent),
    0 0 0 1px color-mix(in srgb, #fff 70%, transparent) inset;
}

html[data-theme="light"] .rise-wc26__hero-meta li {
  background: color-mix(in srgb, #fff 82%, transparent);
}

html[data-theme="light"] .rise-wc26__prize-crest {
  background: color-mix(in srgb, #fff 70%, #fef3c7);
}

html[data-theme="light"] .rise-wc26__prize-currency {
  color: #92400e;
  text-shadow: none;
}

html[data-theme="light"] .rise-wc26__prize-amount-num {
  background: linear-gradient(
    105deg,
    #451a03 0%,
    #78350f 25%,
    #b45309 50%,
    #78350f 75%,
    #92400e 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  filter: none;
}

html[data-theme="light"] .rise-wc26__vault {
  background:
    linear-gradient(165deg, color-mix(in srgb, #fff 85%, transparent) 0%, transparent 45%),
    linear-gradient(168deg, #fffef7, #fef9e7);
  border-color: color-mix(in srgb, #d4af37 28%, var(--hero-border, #cbd5e1));
  box-shadow:
    0 0 0 1px color-mix(in srgb, #d4af37 8%, transparent) inset,
    0 18px 40px color-mix(in srgb, #854d0e 10%, transparent);
}

html[data-theme="light"] .rise-wc26__vault-grain {
  opacity: 0.03;
}

html[data-theme="light"] .rise-wc26__vault-header-label {
  color: #92400e;
}

html[data-theme="light"] .rise-wc26__vault-meter {
  background: color-mix(in srgb, #fff 75%, #fef3c7);
  box-shadow: 0 0 0 1px color-mix(in srgb, #d4af37 15%, transparent) inset;
}

html[data-theme="light"] .rise-wc26__vault-ring-hole {
  background: radial-gradient(circle at 50% 28%, #fef9c3, #fffef7);
  box-shadow:
    0 0 0 1px color-mix(in srgb, #d4af37 20%, transparent) inset,
    0 4px 12px color-mix(in srgb, #854d0e 8%, transparent) inset;
}

html[data-theme="light"] .rise-wc26__vault-ring-total {
  background: linear-gradient(180deg, #78350f 0%, #b8860b 55%, #92400e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: none;
}

html[data-theme="light"] .rise-wc26__vault-track {
  background: color-mix(in srgb, #fff 60%, #fde68a);
}

html[data-theme="light"] .rise-wc26__vault-milestone strong {
  color: #b45309;
}

.rise-wc26__predict-host {
  min-width: 0;
}

.rise-wc26__hero-pick .rise-wc26__predict-host {
  max-width: none;
}

.rise-wc26__predict-loading {
  margin: 0;
  padding: 1rem;
  text-align: center;
  font-size: 0.85rem;
  color: var(--text-muted, #94a3b8);
}

.rise-wc26__predict-loading.is-error {
  color: #f87171;
}

/* Compact champion pick card */
.wc26-champion {
  display: grid;
  gap: 0.45rem;
}

.wc26-champion__handles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
  margin-bottom: 0.35rem;
}

@media (max-width: 420px) {
  .wc26-champion__handles {
    grid-template-columns: 1fr;
  }
}

.wc26-champion__handle {
  display: grid;
  gap: 0.15rem;
}

.wc26-champion__input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.38rem 0.45rem;
  border-radius: 0.4rem;
  border: 1px solid color-mix(in srgb, #ca8a04 42%, var(--hero-border, #334155));
  background: color-mix(in srgb, var(--bg-page, #020617) 82%, #422006 18%);
  color: var(--text, #e2e8f0);
  font: inherit;
  font-size: 0.78rem;
}

.wc26-champion__input:focus {
  outline: none;
  border-color: color-mix(in srgb, #fbbf24 65%, #ca8a04);
  box-shadow: 0 0 0 2px color-mix(in srgb, #f59e0b 22%, transparent);
}

.wc26-champion__input:disabled {
  opacity: 0.65;
}

.wc26-champion__req-list {
  list-style: disc;
  margin: 0 0 0.4rem;
  padding-left: 1.05rem;
  font-size: 0.65rem;
  line-height: 1.4;
  color: #fff;
}

.wc26-champion__req-list a {
  color: #fff;
  font-weight: 650;
  text-decoration: none;
}

.wc26-champion__req-list li .wc26-champion__social-ico {
  margin-right: 0.22rem;
  vertical-align: -0.12rem;
}

.wc26-champion__req-list a:hover {
  color: #fff;
  text-decoration: underline;
}

.wc26-champion__footnote {
  margin: 0.35rem 0 0;
  font-size: 0.62rem;
  line-height: 1.35;
  color: var(--text-muted, #94a3b8);
}

.wc26-champion__pick {
  display: grid;
  gap: 0.25rem;
}

.wc26-champion__label {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: color-mix(in srgb, #fde68a 55%, var(--text-muted, #94a3b8));
}

.wc26-champion__social-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 999px;
  color: #fef3c7;
  background: color-mix(in srgb, #b45309 35%, transparent);
  border: 1px solid color-mix(in srgb, #fde68a 35%, transparent);
  flex-shrink: 0;
}

.wc26-champion__social-ico img {
  display: block;
  width: 0.62rem;
  height: 0.62rem;
}

.wc26-champion__select {
  position: relative;
}

.wc26-champion__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  padding: 0.42rem 0.5rem;
  border-radius: 0.45rem;
  border: 1px solid color-mix(in srgb, #ca8a04 45%, var(--hero-border, #334155));
  background: color-mix(in srgb, var(--bg-page, #020617) 80%, #422006 20%);
  color: var(--text, #e2e8f0);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 750;
  cursor: pointer;
}

.wc26-champion__trigger:hover:not(:disabled) {
  border-color: color-mix(in srgb, #fbbf24 55%, #ca8a04);
}

.wc26-champion__trigger-inner {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.wc26-champion__chev {
  font-size: 0.65rem;
  opacity: 0.65;
}

.wc26-champion__list {
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  top: calc(100% + 2px);
  max-height: 11rem;
  overflow: auto;
  margin: 0;
  padding: 0.2rem;
  list-style: none;
  border-radius: 0.45rem;
  border: 1px solid color-mix(in srgb, #eab308 42%, var(--hero-border, #334155));
  background: var(--bg-elevated, #0f172a);
  box-shadow: 0 8px 20px color-mix(in srgb, #000 30%, transparent);
}

.wc26-champion__opt {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.4rem;
  border-radius: 0.35rem;
  font-size: 0.74rem;
  font-weight: 700;
  cursor: pointer;
}

.wc26-champion__opt:hover,
.wc26-champion__opt.is-selected {
  background: color-mix(in srgb, #f59e0b 18%, transparent);
}

.wc26-champion__flag {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  object-fit: cover;
  flex-shrink: 0;
}

.wc26-champion__status,
.wc26-champion__err {
  margin: 0;
  font-size: 0.68rem;
  line-height: 1.35;
}

.wc26-champion__err {
  color: #fca5a5;
}

.wc26-champion__celebrate {
  position: relative;
  overflow: hidden;
  margin: 0.15rem 0 0.35rem;
  padding: 0.65rem 0.55rem 0.55rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, #fde68a 55%, #ca8a04);
  background:
    linear-gradient(
      165deg,
      color-mix(in srgb, #fef3c7 22%, var(--bg-elevated, #0f172a)),
      color-mix(in srgb, #422006 35%, var(--bg-page, #020617))
    );
  box-shadow: 0 6px 18px color-mix(in srgb, #f59e0b 18%, transparent);
  text-align: center;
  transform: scale(0.96);
  opacity: 0.85;
  transition:
    transform 0.45s cubic-bezier(0.34, 1.25, 0.52, 1),
    opacity 0.35s ease;
}

.wc26-champion__celebrate.is-pop {
  transform: scale(1);
  opacity: 1;
}

.wc26-champion__celebrate-confetti {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 2;
}

.wc26-champion__confetti-piece {
  position: absolute;
  left: var(--left, 50%);
  top: -0.35rem;
  width: 0.38rem;
  height: 0.58rem;
  border-radius: 2px;
  background: hsl(var(--hue, 42) 88% 58%);
  opacity: 0;
  transform: translate(-50%, 0) rotate(0deg);
  animation: wc26-champion-confetti-fall var(--dur, 1200ms) ease-out var(--delay, 0ms) forwards;
}

.wc26-champion__celebrate-msg {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.35;
  color: #fef3c7;
}

.wc26-champion__celebrate-pick {
  position: relative;
  z-index: 1;
  margin: 0.35rem 0 0;
  font-size: 0.66rem;
  font-weight: 650;
  line-height: 1.35;
  color: color-mix(in srgb, #fde68a 75%, #fff);
}

html.rise-wc26-win-modal-open {
  overflow: hidden;
}

.wc26-champion__win-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
}

.wc26-champion__win-modal[hidden] {
  display: none !important;
}

.wc26-champion__win-modal-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

.wc26-champion__win-modal-card {
  position: relative;
  z-index: 1;
  width: min(100%, 22rem);
  padding: 1.15rem 1rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid color-mix(in srgb, #fde68a 55%, #ca8a04);
  background: linear-gradient(
    165deg,
    color-mix(in srgb, #fef3c7 28%, var(--bg-elevated, #0f172a)),
    color-mix(in srgb, #422006 40%, var(--bg-page, #020617))
  );
  box-shadow: 0 16px 40px color-mix(in srgb, #f59e0b 28%, transparent);
  text-align: center;
  transform: scale(0.88);
  opacity: 0;
  transition:
    transform 0.5s cubic-bezier(0.34, 1.35, 0.52, 1),
    opacity 0.35s ease;
}

.wc26-champion__win-modal.is-pop .wc26-champion__win-modal-card,
.wc26-champion__win-modal.is-pop {
  opacity: 1;
}

.wc26-champion__win-modal.is-pop .wc26-champion__win-modal-card {
  transform: scale(1);
}

.wc26-champion__win-modal-title {
  position: relative;
  z-index: 1;
  margin: 0 0 0.5rem;
  font-size: 1.05rem;
  font-weight: 900;
  color: #fef3c7;
}

.wc26-champion__win-modal-msg {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fde68a;
}

.wc26-champion__win-modal-pick {
  position: relative;
  z-index: 1;
  margin: 0.45rem 0 0.75rem;
  font-size: 0.68rem;
  font-weight: 650;
  color: color-mix(in srgb, #fde68a 80%, #fff);
}

.wc26-champion__share-x {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 0.55rem;
  padding: 0.62rem 0.85rem;
  border-radius: 0.5rem;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
  color: #422006;
  background: linear-gradient(135deg, #fde68a, #f59e0b);
  box-shadow: 0 4px 14px color-mix(in srgb, #f59e0b 35%, transparent);
}

.wc26-champion__share-x:hover {
  filter: brightness(1.05);
}

.wc26-champion__win-close {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 0.45rem;
  border: 1px solid color-mix(in srgb, #fde68a 35%, transparent);
  background: transparent;
  color: #fef3c7;
  font-size: 0.72rem;
  font-weight: 700;
  cursor: pointer;
}

html[data-theme="light"] .wc26-champion__win-modal-backdrop {
  background: rgba(15, 23, 42, 0.45);
}

html[data-theme="light"] .wc26-champion__win-modal-card {
  color: #1e293b;
}

html[data-theme="light"] .wc26-champion__win-modal-title,
html[data-theme="light"] .wc26-champion__win-modal-msg {
  color: #92400e;
}

@keyframes wc26-champion-confetti-fall {
  0% {
    opacity: 0;
    transform: translate(-50%, -10%) rotate(0deg);
  }
  12% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--dx, 0px)), 5.5rem) rotate(var(--rot, 180deg));
  }
}

.wc26-champion__btn {
  width: 100%;
  padding: 0.48rem 0.65rem;
  border: 1px solid color-mix(in srgb, #fde68a 35%, #b45309);
  border-radius: 0.45rem;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
  color: #422006;
  background: linear-gradient(180deg, #fef3c7 0%, #fde68a 35%, #f59e0b 100%);
  box-shadow: 0 4px 14px color-mix(in srgb, #f59e0b 28%, transparent);
}

.wc26-champion__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

html[data-theme="light"] .rise-wc26__hero-pick {
  border-color: color-mix(in srgb, #ca8a04 40%, var(--hero-border, #cbd5e1));
  background:
    radial-gradient(ellipse 100% 80% at 100% 0%, color-mix(in srgb, #fde68a 45%, transparent), transparent 58%),
    linear-gradient(160deg, #fffbeb, #fef3c7);
  box-shadow: 0 8px 20px color-mix(in srgb, #854d0e 10%, transparent);
}

html[data-theme="light"] .rise-wc26__hero-pick-h {
  color: #92400e;
  text-shadow: none;
}

html[data-theme="light"] .rise-wc26__hero-pick-sub {
  color: #78350f;
}

html[data-theme="light"] .rise-wc26__hero-pick-sub strong {
  color: #b45309;
}

html[data-theme="light"] .wc26-champion__input,
html[data-theme="light"] .wc26-champion__trigger {
  border-color: color-mix(in srgb, #ca8a04 35%, var(--hero-border, #cbd5e1));
  background: color-mix(in srgb, #fff 88%, #fef3c7);
}

html[data-theme="light"] .wc26-champion__req-list,
html[data-theme="light"] .wc26-champion__req-list a {
  color: #1e293b;
}

.rise-wc26__hero-connect {
  margin-top: 0.5rem;
  justify-self: start;
}

.rise-wc26__panel--lb {
  margin-top: 0.25rem;
}

/* RISE-only prediction card (sports-pool-dlg base) */
.wc26-predict.sports-pool-dlg--inline {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.wc26-predict .sports-pool-dlg__shell {
  max-width: 100%;
}

.wc26-predict .sports-pool-dlg__asset-tabs--rise-only {
  justify-content: flex-start;
}

.wc26-predict__req-list {
  list-style: none;
  margin: 0 0 0.75rem;
  padding: 0;
  display: grid;
  gap: 0.4rem;
}

.wc26-predict__req-item {
  padding: 0.45rem 0.55rem;
  border-radius: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 70%, transparent);
  background: color-mix(in srgb, var(--bg-page, #020617) 65%, transparent);
  font-size: 0.78rem;
  line-height: 1.4;
}

.wc26-predict__req-item.is-done {
  border-color: color-mix(in srgb, #22c55e 40%, var(--hero-border, #334155));
  background: color-mix(in srgb, #22c55e 8%, var(--bg-page, #020617));
}

.wc26-predict__req-label {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  cursor: pointer;
}

.wc26-predict__req-label a {
  color: var(--cyan, #22d3ee);
  text-decoration: underline;
}

.wc26-predict__req-static {
  display: block;
  padding: 0.1rem 0;
}

.wc26-predict__team-label,
.wc26-predict__match-label {
  display: grid;
  gap: 0.35rem;
  margin-bottom: 0.65rem;
}

.wc26-predict__match-select {
  position: relative;
}

.wc26-predict__match-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 75%, transparent);
  background: color-mix(in srgb, var(--bg-page, #020617) 80%, transparent);
  color: var(--text, #e2e8f0);
  font: inherit;
  cursor: pointer;
}

.wc26-predict__match-trigger-inner {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  font-size: 0.78rem;
  font-weight: 750;
}

.wc26-predict__match-chev {
  flex-shrink: 0;
  opacity: 0.7;
  font-size: 0.7rem;
}

.wc26-predict__match-list {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: calc(100% + 0.25rem);
  max-height: min(50vh, 16rem);
  overflow: auto;
  margin: 0;
  padding: 0.25rem;
  list-style: none;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--cyan, #22d3ee) 35%, var(--hero-border, #334155));
  background: color-mix(in srgb, var(--bg-elevated, #0f172a) 96%, #000);
  box-shadow: 0 12px 28px color-mix(in srgb, #000 35%, transparent);
}

.wc26-predict__match-opt {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.74rem;
  font-weight: 700;
  cursor: pointer;
}

.wc26-predict__match-opt:hover,
.wc26-predict__match-opt.is-selected {
  background: color-mix(in srgb, var(--cyan, #22d3ee) 14%, transparent);
}

.wc26-predict__opt-flag {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 999px;
  object-fit: cover;
  flex-shrink: 0;
}

.wc26-predict__opt-tag {
  margin-left: auto;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted, #94a3b8);
}

.wc26-predict__pool-msg {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--text-muted, #94a3b8);
}

.wc26-bracket-match__pick-done {
  margin: 0;
  padding: 0.35rem 0.45rem;
  font-size: 0.72rem;
  color: var(--text-muted, #94a3b8);
}

.wc26-bracket-match__predict {
  width: 100%;
  justify-content: center;
}

.rise-wc26__grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 960px) {
  .rise-wc26__grid {
    grid-template-columns: 1.2fr 0.8fr;
    align-items: start;
  }
}

.rise-wc26__panel {
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 70%, transparent);
  border-radius: 0.65rem;
  padding: 0.85rem;
  background: color-mix(in srgb, var(--bg-elevated, #0f172a) 94%, transparent);
}

.rise-wc26__panel-h {
  margin: 0 0 0.65rem;
  font-size: 0.95rem;
  font-weight: 800;
}

.rise-wc26__join-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.rise-wc26__join-pay {
  flex: 1 1 100%;
  max-width: 100%;
}

.rise-wc26__join-tabs {
  margin: 0;
}

.rise-wc26__join-tabs .sports-pool-dlg__asset-tab {
  flex: 1 1 0;
  min-width: 0;
  justify-content: center;
  font-weight: 750;
}

.rise-wc26__gate {
  margin: 0.55rem 0 0;
}

.rise-wc26__gate--ok {
  border-color: color-mix(in srgb, #22c55e 45%, var(--hero-border, #334155));
  background: color-mix(in srgb, #14532d 18%, var(--bg-elevated, #0f172a));
}

.rise-wc26__joined {
  color: #86efac;
  font-weight: 750;
}

.rise-wc26__status {
  min-height: 1.2rem;
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 10%, var(--text, #e2e8f0));
}

.rise-wc26__status.is-error {
  color: #fca5a5;
}

.rise-wc26__fixtures {
  display: grid;
  gap: 0.55rem;
  max-height: min(62vh, 520px);
  overflow: auto;
}

.rise-wc26__fixture {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.45rem 0.65rem;
  align-items: center;
  padding: 0.55rem 0.45rem;
  border-radius: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 55%, transparent);
}

.rise-wc26__fixture.is-locked {
  opacity: 0.62;
}

.rise-wc26__teams {
  font-size: 0.82rem;
  font-weight: 700;
}

.rise-wc26__when {
  font-size: 0.72rem;
  color: var(--text-muted, #94a3b8);
}

.rise-wc26__score-in {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}

.rise-wc26__score-in input {
  width: 2.4rem;
  text-align: center;
  font-size: 0.82rem;
  padding: 0.28rem;
  border-radius: 0.35rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 70%, transparent);
  background: var(--bg-page, #020617);
  color: var(--text, #e2e8f0);
}

.rise-wc26__lb {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}

.rise-wc26__lb th,
.rise-wc26__lb td {
  padding: 0.35rem 0.4rem;
  text-align: left;
  border-bottom: 1px solid color-mix(in srgb, var(--hero-border, #334155) 45%, transparent);
}

.rise-wc26__lb tr.is-me td {
  font-weight: 800;
  color: #86efac;
}

.rise-wc26__lb-user {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.rise-wc26__lb-avatar {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, #fde68a 45%, transparent);
  background: color-mix(in srgb, #422006 40%, #0f172a);
}

.rise-wc26__lb-name {
  font-weight: 750;
  font-size: 0.78rem;
  color: var(--text, #e2e8f0);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 9rem;
}

.rise-wc26__lb-pick {
  display: inline-flex;
  align-items: center;
  gap: 0.36rem;
  min-width: 0;
}

.rise-wc26__lb-pick-flag {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, #fde68a 30%, transparent);
}

.rise-wc26__lb-pick-name {
  font-weight: 650;
  font-size: 0.76rem;
  color: var(--text, #e2e8f0);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 7.5rem;
}

.rise-wc26__lb-pick-empty {
  color: var(--text-muted, #94a3b8);
}

.rise-wc26__panel--bracket {
  padding: 0;
  overflow: hidden;
}

.wc26-bracket__head {
  padding: 0.85rem 0.85rem 0.65rem;
}

.wc26-bracket__head .rise-wc26__sub {
  margin-top: 0.25rem;
}

.wc26-bracket__roadmap-wrap {
  padding: 0 0.85rem 0.65rem;
}

.wc26-bracket__roadmap-wrap .wc26-bracket__roadmap {
  margin-bottom: 0;
}

.wc26-bracket__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0 0.85rem 0.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--hero-border, #334155) 55%, transparent);
}

.wc26-bracket__tab {
  appearance: none;
  font: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.38rem 0.65rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 75%, transparent);
  background: color-mix(in srgb, var(--bg-page, #020617) 65%, transparent);
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 15%, var(--text, #e2e8f0));
  font-size: 0.72rem;
  font-weight: 750;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.wc26-bracket__tab:hover {
  border-color: color-mix(in srgb, var(--cyan, #22d3ee) 35%, var(--hero-border, #334155));
  color: var(--text, #e2e8f0);
}

.wc26-bracket__tab.is-active {
  border-color: color-mix(in srgb, var(--cyan, #22d3ee) 45%, var(--hero-border, #334155));
  background: color-mix(in srgb, var(--cyan, #22d3ee) 12%, var(--bg-page, #020617));
  color: var(--text, #e2e8f0);
}

.wc26-bracket__tab-count {
  font-size: 0.62rem;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  padding: 0.08rem 0.35rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--cyan, #22d3ee) 18%, transparent);
  color: var(--cyan, #22d3ee);
}

.wc26-bracket__panels {
  padding: 0.85rem;
}

.wc26-bracket__panel--group {
  padding: 0;
}

.wc26-bracket__panel--group.is-active {
  display: block;
}

/* Group stage draw grid */
.wc26-groups {
  position: relative;
  overflow: hidden;
  padding: clamp(0.85rem, 2vw, 1.15rem);
  border-radius: 0.65rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 65%, transparent);
  background:
    radial-gradient(ellipse 80% 60% at 50% 45%, color-mix(in srgb, var(--cyan, #22d3ee) 6%, transparent), transparent 70%),
    color-mix(in srgb, var(--bg-page, #020617) 78%, var(--bg-elevated, #0f172a));
}

.wc26-groups__watermark {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 0;
}

.wc26-groups__watermark img {
  width: min(42vw, 11rem);
  height: auto;
  opacity: 0.06;
  filter: grayscale(1);
}

.wc26-groups__intro {
  position: relative;
  z-index: 1;
  margin-bottom: 0.85rem;
}

.wc26-groups__title {
  margin: 0;
  font-size: clamp(0.95rem, 2.2vw, 1.15rem);
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text, #e2e8f0);
}

.wc26-groups__sub {
  margin: 0.2rem 0 0;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted, #94a3b8);
}

.wc26-groups__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

@media (max-width: 980px) {
  .wc26-groups__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .wc26-groups__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .wc26-groups__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.wc26-group-card {
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 72%, transparent);
  background: color-mix(in srgb, var(--bg-elevated, #0f172a) 88%, transparent);
  padding: 0.5rem 0.6rem 0.55rem;
  box-shadow: 0 6px 16px color-mix(in srgb, #000 14%, transparent);
}

.wc26-group-card__h {
  margin: 0 0 0.38rem;
  padding-bottom: 0.32rem;
  border-bottom: 1px solid color-mix(in srgb, var(--hero-border, #334155) 70%, transparent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text, #e2e8f0);
}

.wc26-group-card__teams {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.12rem;
}

.wc26-group-card__team {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  min-height: 1.55rem;
}

.wc26-group-card__team--tbd .wc26-group-card__name {
  color: var(--text-muted, #94a3b8);
  font-weight: 650;
}

.wc26-group-card__flag {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 55%, transparent);
  background: color-mix(in srgb, var(--bg-page, #020617) 70%, transparent);
}

.wc26-group-card__flag--ph {
  display: inline-block;
  border-style: dashed;
  opacity: 0.55;
}

.wc26-group-card__name {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  color: var(--text, #e2e8f0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wc26-groups__fixtures {
  margin-top: 0.85rem;
  padding: 0 0.85rem 0.85rem;
}

.wc26-groups__fixtures-h {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  font-weight: 850;
  color: var(--text, #e2e8f0);
}

.wc26-groups__sync-note {
  margin: 0.75rem 0.85rem 0.85rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-muted, #94a3b8);
}

html[data-theme="light"] .wc26-groups {
  background:
    radial-gradient(ellipse 80% 60% at 50% 45%, color-mix(in srgb, var(--cyan, #0891b2) 8%, transparent), transparent 70%),
    color-mix(in srgb, #fff 90%, var(--bg-elevated, #f8fafc));
}

html[data-theme="light"] .wc26-group-card {
  background: color-mix(in srgb, #fff 92%, var(--bg-elevated, #f8fafc));
}

.wc26-bracket__panel-meta {
  margin: 0 0 0.65rem;
  font-size: 0.72rem;
  color: var(--text-muted, #94a3b8);
}

.wc26-bracket__list {
  display: grid;
  gap: 0.55rem;
}

@media (min-width: 720px) {
  .wc26-bracket__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc26-bracket__roadmap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem 0.15rem;
  margin-bottom: 1rem;
  padding: 0.65rem 0.5rem;
  border-radius: 0.65rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 60%, transparent);
  background: color-mix(in srgb, var(--bg-page, #020617) 72%, transparent);
}

.wc26-bracket__roadmap-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  min-width: 2.6rem;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted, #94a3b8);
}

.wc26-bracket__roadmap-step.is-live {
  color: var(--cyan, #22d3ee);
}

.wc26-bracket__roadmap-step--final img {
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
  opacity: 0.85;
}

.wc26-bracket__roadmap-step--final.is-live img {
  opacity: 1;
}

.wc26-bracket__roadmap-line {
  width: 0.85rem;
  height: 1px;
  background: color-mix(in srgb, var(--hero-border, #334155) 80%, transparent);
  flex-shrink: 0;
}

.wc26-bracket__empty-panel {
  padding: 1.25rem 1rem;
  border-radius: 0.65rem;
  border: 1px dashed color-mix(in srgb, var(--hero-border, #334155) 70%, transparent);
  background: color-mix(in srgb, var(--bg-page, #020617) 55%, transparent);
  text-align: center;
}

.wc26-bracket__empty-panel h3 {
  margin: 0 0 0.4rem;
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--text, #e2e8f0);
}

.wc26-bracket__empty-panel p {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--text-muted, #94a3b8);
  max-width: 32rem;
  margin-inline: auto;
}

.wc26-bracket-match {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 75%, transparent);
  background: color-mix(in srgb, var(--bg-elevated, #0f172a) 92%, transparent);
  overflow: hidden;
  box-shadow: 0 8px 20px color-mix(in srgb, #000 16%, transparent);
}

.wc26-bracket-match.is-finished {
  border-color: color-mix(in srgb, #22c55e 35%, var(--hero-border, #334155));
}

.wc26-bracket-match.is-locked {
  opacity: 0.78;
}

.wc26-bracket-match__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0.28rem 0.45rem;
  background: color-mix(in srgb, var(--cyan, #22d3ee) 14%, var(--bg-page, #020617));
  border-bottom: 1px solid color-mix(in srgb, var(--cyan, #22d3ee) 22%, var(--hero-border, #334155));
}

.wc26-bracket-match__code {
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  color: var(--text, #e2e8f0);
}

.wc26-bracket-match__when {
  font-size: 0.58rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--text-muted, #94a3b8) 10%, var(--text, #e2e8f0));
  white-space: nowrap;
}

.wc26-bracket-match__teams {
  display: grid;
  gap: 0.18rem;
  padding: 0.35rem 0.4rem 0.4rem;
}

.wc26-bracket-match__team {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 0.28rem;
  align-items: center;
  padding: 0.12rem 0.18rem;
  border-radius: 0.35rem;
}

.wc26-bracket-match__team--through {
  background: color-mix(in srgb, #22c55e 12%, transparent);
  border: 1px solid color-mix(in srgb, #22c55e 28%, transparent);
}

.wc26-bracket-match__crest {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
  flex-shrink: 0;
}

.wc26-bracket-match__crest--ph {
  display: inline-block;
  border-radius: 999px;
  background: color-mix(in srgb, var(--text-muted, #94a3b8) 25%, transparent);
}

.wc26-bracket-match__name {
  font-size: 0.68rem;
  font-weight: 750;
  line-height: 1.2;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wc26-bracket-match__score {
  font-size: 0.72rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  color: var(--text, #e2e8f0);
}

.wc26-bracket-match__through {
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #86efac;
}

.wc26-bracket-match__pick {
  padding: 0 0.4rem 0.45rem;
}

.wc26-bracket-match__pick-in {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}

.wc26-bracket-match__pick-in input {
  width: 2.1rem;
  text-align: center;
  font-size: 0.72rem;
  padding: 0.22rem;
  border-radius: 0.32rem;
  border: 1px solid color-mix(in srgb, var(--hero-border, #334155) 70%, transparent);
  background: var(--bg-page, #020617);
  color: var(--text, #e2e8f0);
}

.wc26-bracket-match__save {
  font-size: 0.62rem !important;
  padding: 0.28rem 0.45rem !important;
}

.wc26-bracket-match__pts {
  display: block;
  margin-top: 0.18rem;
  font-size: 0.62rem;
  font-weight: 800;
  color: #86efac;
}

.wc26-bracket__join-hint {
  padding: 0 0.85rem 0.85rem;
  margin: 0;
}

html[data-theme="light"] .wc26-bracket-match {
  background: color-mix(in srgb, #fff 88%, var(--bg-elevated, #f8fafc));
}

html[data-theme="light"] .wc26-bracket-match__head {
  background: color-mix(in srgb, var(--cyan, #0891b2) 10%, #fff);
}

html[data-theme="light"] .wc26-bracket__empty-panel,
html[data-theme="light"] .wc26-bracket__roadmap {
  background: color-mix(in srgb, #fff 82%, transparent);
}

html[data-theme="light"] .wc26-bracket__tab {
  background: color-mix(in srgb, #fff 88%, transparent);
}