/* Upcoming events: rewards first, details announced per tournament. */
.tournament-feature { padding: 72px 0; background: #10170c; border-block: 1px solid #2c3920; }
.tournament-heading { max-width: 820px; margin-bottom: 36px; }
.tournament-status { display: inline-flex; align-items: center; gap: 10px; color: #c6e697; font-size: 14px; font-weight: 700; margin-bottom: 20px; }
.tournament-status::before { content: ''; width: 8px; height: 8px; background: var(--g); border-radius: 50%; }
.tournament-heading h2 { font-size: clamp(34px,4.6vw,60px); line-height: 1.08; font-weight: 900; letter-spacing: -1.5px; text-wrap: balance; margin: 0 0 22px; }
.tournament-heading p { max-width: 720px; font-size: 17px; line-height: 1.7; color: #c3c9b9; }
.tournament-benefits { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 0; border: 1px solid #354328; border-radius: 20px; overflow: hidden; }
.tournament-benefit { padding: 30px; background: #151d10; }
.tournament-benefit + .tournament-benefit { border-inline-start: 1px solid #354328; }
.tournament-benefit--prize { background: #a4cd46; color: #152008; }
.tournament-icon { width: 36px; height: 36px; margin-bottom: 24px; color: var(--g); }
.tournament-benefit--prize .tournament-icon { color: #25390b; width: 48px; height: 48px; margin-bottom: 12px; }
.tournament-benefit h3 { font-size: 23px; line-height: 1.25; font-weight: 800; margin: 0 0 14px; text-wrap: balance; }
.tournament-benefit p { font-size: 16px; line-height: 1.65; color: #c3c9b9; }
.tournament-benefit--prize p { color: #293916; }
.tournament-leagues { font-size: 15px; line-height: 1.65; color: #b9c4ac; padding: 20px 0 28px; }
.tournament-follow { border-top: 1px solid #354328; padding-top: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.tournament-follow > p { font-size: 19px; line-height: 1.45; font-weight: 700; max-width: 390px; }
.tournament-socials { display: flex; flex-wrap: wrap; gap: 10px; }
.tournament-socials a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 16px; min-height: 48px; color: var(--text); text-decoration: none; border: 1px solid #657153; border-radius: 10px; font-size: 15px; font-weight: 700; background: #182011; }
.tournament-socials svg { width: 20px; height: 20px; fill: currentColor; flex-shrink: 0; }
.tournament-socials a:hover { background: #2b391d; border-color: var(--g); }
.tournament-socials a:focus-visible { outline: 2px solid var(--g); outline-offset: 4px; }
html[lang="ar"] .tournament-feature { font-family: 'Cairo',sans-serif; }
html[lang="ar"] .tournament-heading h2 { letter-spacing: 0; line-height: 1.3; }
@media(max-width:850px) { .tournament-benefits { grid-template-columns: 1fr; } .tournament-benefit + .tournament-benefit { border-inline-start: 0; border-top: 1px solid #354328; } .tournament-benefit { padding: 24px; } .tournament-icon { margin-bottom: 16px; } }
@media(max-width:580px) { .tournament-feature { padding: 48px 0; } .tournament-heading h2 { letter-spacing: -.7px; } .tournament-heading p { font-size: 16px; } .tournament-socials { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } .tournament-follow { gap: 18px; } }

/* Keep the localized app screenshot alongside the event introduction. */
.tournament-intro { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); align-items: center; gap: 48px; margin-bottom: 36px; }
.tournament-intro .tournament-heading { margin-bottom: 0; }
.tournament-intro .tourn-mockup { width: min(100%, 320px); margin: 0 auto; }
.tournament-intro .tourn-mockup img { display: block; width: 100%; height: auto; }
@media(max-width:850px) {
 .tournament-intro { grid-template-columns: 1fr; gap: 28px; }
 .tournament-intro .tourn-mockup { width: min(70%, 260px); }
}

/* Platform colors for the tournament announcement links. */
.tournament-socials a[href*="instagram.com"] {
  background: linear-gradient(120deg, #833ab4 0%, #c13584 48%, #bc391a 100%);
  border-color: #d963a4;
  color: #fff;
}
.tournament-socials a[href*="tiktok.com"] {
  background: #101010;
  border-color: #687878;
  color: #fff;
}
.tournament-socials a[href*="tiktok.com"] svg {
  filter: drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55);
}
.tournament-socials a[href*="facebook.com"] {
  background: #0866ff;
  border-color: #498dff;
  color: #fff;
}
.tournament-socials a[href*="x.com"] {
  background: #080808;
  border-color: #717171;
  color: #fff;
}
.tournament-socials a:hover { filter: brightness(1.12); }
.tournament-socials a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

/* Embedded color artwork: independent of emoji font support. */
.tournament-benefit .tournament-icon--color {
  display: block;
  width: 52px;
  height: 52px;
  margin-bottom: 20px;
  overflow: visible;
}
@media(max-width:580px) {
  .tournament-benefit .tournament-icon--color { margin-bottom: 16px; }
}

.tournament-details-link { display:inline-flex; align-items:center; min-height:48px; margin-top:20px; color:var(--g); text-underline-offset:5px; font-weight:700; }