/* Streamers Cup hero — 3 preview variants (a/b/c). Injected above the Circuit
   content on the homepage previews. Uses the brand tokens from style.css. */
.sc-hero{ position:relative; overflow:hidden; border-bottom:1px solid var(--border);
  background:radial-gradient(120% 140% at 15% -10%, rgba(0,174,250,.16), transparent 55%),
             radial-gradient(120% 140% at 95% 0%, rgba(0,255,251,.12), transparent 50%),
             var(--bg-card,#141d36); }
.sc-in{ max-width:1080px; margin:0 auto; padding:34px 24px 30px; }
.sc-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:.72rem; font-weight:800;
  letter-spacing:.18em; text-transform:uppercase; color:var(--cyan); }
.sc-eyebrow::before{ content:""; width:22px; height:2px; background:var(--grad-brand,linear-gradient(90deg,#00aefa,#00fffb)); border-radius:2px; }
.sc-title{ font-size:clamp(2.1rem,6vw,3.6rem); line-height:1.02; font-weight:800; margin:10px 0 8px;
  background:var(--grad-brand,linear-gradient(90deg,#00aefa,#00fffb));
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.sc-tagline{ color:var(--text-2); font-size:clamp(1rem,2.2vw,1.2rem); margin:0 0 18px; max-width:52ch; }
.sc-facts{ display:flex; flex-wrap:wrap; gap:9px; margin-bottom:18px; }
.sc-fact{ display:inline-flex; align-items:center; gap:7px; font-size:.84rem; font-weight:700; color:var(--text);
  background:var(--surface-2,#1a2444); border:1px solid var(--border); border-radius:999px; padding:7px 14px; }
.sc-fact b{ color:var(--cyan); font-weight:800; }
.sc-fact .sc-gold{ color:var(--gold); }
.sc-when{ color:var(--cyan); font-weight:700; }
.sc-cta{ display:flex; flex-wrap:wrap; gap:10px; }
.sc-btn{ font-weight:800; font-size:.92rem; padding:11px 20px; border-radius:10px; text-decoration:none; cursor:pointer; border:0; }
.sc-btn-primary{ background:var(--grad-brand,linear-gradient(90deg,#00aefa,#00fffb)); color:#04233a; }
.sc-btn-ghost{ background:transparent; color:var(--text); border:1px solid var(--border-light,#2b3a63); }

/* stat strip */
.sc-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:22px; }
.sc-stat{ background:var(--surface-2,#1a2444); border:1px solid var(--border); border-radius:12px; padding:14px 16px; }
.sc-stat-v{ font-size:1.5rem; font-weight:800; color:var(--text); line-height:1; }
.sc-stat-v.sc-grad{ background:var(--grad-brand,linear-gradient(90deg,#00aefa,#00fffb)); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.sc-stat-l{ font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; color:var(--text-2); margin-top:6px; }
@media(max-width:640px){ .sc-stats{ grid-template-columns:repeat(2,1fr); } }

/* marquee ticker (A + C) */
.sc-marquee{ margin-top:22px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); overflow:hidden; }
.sc-mq-track{ display:inline-flex; gap:10px; white-space:nowrap; animation:sc-scroll 46s linear infinite; }
.sc-hero:hover .sc-mq-track{ animation-play-state:paused; }
.sc-tag{ display:inline-flex; align-items:center; gap:7px; font-size:.82rem; font-weight:700; color:var(--text-2);
  background:var(--surface-2,#1a2444); border:1px solid var(--border); border-radius:999px; padding:6px 13px; }
.sc-tag .sc-nm{ color:var(--text); }
.sc-tag .sc-f{ color:var(--gold); font-weight:800; }
.sc-flag-img{ width:18px; height:auto; border-radius:3px; display:inline-block;
  vertical-align:-3px; box-shadow:0 0 0 1px rgba(255,255,255,.12); }
@keyframes sc-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ── Variant B: spotlight cards + roster grid ── */
.sc-b-spot{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:6px; }
@media(max-width:820px){ .sc-b-spot{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .sc-b-spot{ grid-template-columns:1fr; } }
.sc-card{ display:block; text-decoration:none; background:var(--surface-2,#1a2444); border:1px solid var(--border);
  border-radius:14px; padding:14px 16px; transition:border-color .15s, transform .15s; }
.sc-card:hover{ border-color:rgba(0,255,251,.4); transform:translateY(-2px); }
.sc-card-top{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sc-card-name{ font-weight:800; color:var(--text); font-size:1.02rem; }
.sc-card-cc{ font-size:.64rem; font-weight:800; color:var(--cyan); border:1px solid rgba(0,255,251,.3); border-radius:6px; padding:2px 6px; }
.sc-card-meta{ margin-top:8px; font-size:.8rem; color:var(--text-2); display:flex; gap:12px; }
.sc-card-meta b{ color:var(--gold); }
.sc-b-rosterhead{ margin:24px 0 10px; font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--text-2); }
.sc-b-roster{ display:flex; flex-wrap:wrap; gap:7px; }

/* ── Variant C: countdown ── */
.sc-hero--c .sc-in{ text-align:center; }
.sc-hero--c .sc-facts,.sc-hero--c .sc-cta{ justify-content:center; }
.sc-cd{ display:inline-flex; gap:10px; margin:6px 0 20px; }
.sc-cd-box{ min-width:74px; background:var(--surface-2,#1a2444); border:1px solid var(--border); border-radius:12px; padding:12px 10px; }
.sc-cd-n{ font-size:2rem; font-weight:800; line-height:1; font-variant-numeric:tabular-nums;
  background:var(--grad-brand,linear-gradient(90deg,#00aefa,#00fffb)); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.sc-cd-l{ font-size:.62rem; text-transform:uppercase; letter-spacing:.1em; color:var(--text-2); margin-top:7px; }
.sc-flags{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:6px auto 0; max-width:720px; }
.sc-flag{ font-size:.66rem; font-weight:800; letter-spacing:.04em; color:var(--text-2);
  background:var(--surface-2,#1a2444); border:1px solid var(--border); border-radius:6px; padding:3px 7px; }
@media(max-width:520px){ .sc-cd-box{ min-width:60px; } .sc-cd-n{ font-size:1.5rem; } }