/* v20260716-tournament-duel08: squarer Winline-style CTA shape. */
@font-face {
  font-family: "Roboto FF";
  src: url("/static/roboto-bold-v51.ttf?v=20260716") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel {
  background: #a90f1b !important;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel
  .tournament-gazan-image {
  top: clamp(-132px, -15svh, -106px) !important;
  bottom: auto !important;
  left: 50% !important;
  width: 100% !important;
  min-width: 100% !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
  object-position: center top !important;
  filter: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel
  .tournament-gazan-shade {
  background: linear-gradient(180deg, transparent 0%, transparent 72%, rgba(8, 9, 13, 0.2) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel
  .tournament-gazan-content {
  top: auto !important;
  bottom: clamp(122px, 14svh, 146px) !important;
  width: calc(100% - 24px) !important;
  max-width: 760px !important;
  gap: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel
  .tournament-gazan-content::before {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel h3 {
  width: 100% !important;
  max-width: 100% !important;
  font-family: "Alumni Sans", "Arial Narrow", sans-serif !important;
  font-size: clamp(44px, 12.4vw, 58px) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  text-shadow: 0 3px 12px rgba(38, 0, 5, 0.32) !important;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel
  .tournament-gazan-subtitle {
  max-width: 30ch !important;
  margin-top: 6px !important;
  font-family: "Roboto FF", Roboto, Arial, sans-serif !important;
  font-size: clamp(15px, 4vw, 18px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 10px rgba(38, 0, 5, 0.3) !important;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel
  .tournament-gazan-actions {
  margin-top: 10px !important;
}

.view-section[data-view="tournaments"] .events-hero-section
  .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel
  .tournament-gazan-button {
  width: 216px !important;
  min-width: 216px !important;
  min-height: 58px !important;
  padding: 0 28px !important;
  border-radius: 10px !important;
  font-family: "Roboto FF", Roboto, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

@media (max-width: 370px) {
  .view-section[data-view="tournaments"] .events-hero-section
    .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel h3 {
    font-size: 45px !important;
  }
}

@media (max-width: 340px) {
  .view-section[data-view="tournaments"] .events-hero-section
    .tournament-hub-banner-card-gazan.tournament-hub-banner-card-duel h3 {
    font-size: 42px !important;
  }
}