*{box-sizing:border-box}

:root{
  --bg:#020512;
  --panel:#0b1028;
  --panel2:#0b1028;
  --line:rgba(91,92,255,.28);
  --line2:rgba(255,255,255,.10);
  --text:#f7f8ff;
  --muted:#b7bdd6;
  --hot:#5b5cff;
  --hot2:#4f8dff;
  --blue:#22d3ee;
  --glow:0 0 36px rgba(91,92,255,.22),0 0 80px rgba(59,83,255,.16);
  --radius:18px;
  --font:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  /* Main homepage visual sizing. Change these here, not by adding override blocks. */
  --header-height:72px;
  --hero-min-height:470px;
  --hero-backdrop-top:72px;
  --hero-backdrop-height:470px;
  --hero-side-bars-top:72px;
  --hero-side-bars-height:520px;
}

html{color-scheme:dark}

body{
  margin:0;
  min-height:100vh;
  font-family:var(--font);
  background:
    radial-gradient(circle at 18% 0%,rgba(91,92,255,.24),transparent 28rem),
    radial-gradient(circle at 80% 2%,rgba(45,85,255,.24),transparent 31rem),
    linear-gradient(180deg,#040518 0%,#02030d 42%,#03020a 100%);
  color:var(--text);
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  left:0;
  right:0;
  top:var(--hero-backdrop-top);
  height:var(--hero-backdrop-height);
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 45%,rgba(91,92,255,.30) 0%,rgba(79,70,229,.22) 22%,transparent 50%),
    radial-gradient(ellipse at 18% 22%,rgba(79,141,255,.20),transparent 28%),
    radial-gradient(ellipse at 82% 20%,rgba(79,70,229,.26),transparent 30%),
    linear-gradient(180deg,rgba(7,4,19,.20),rgba(3,3,12,.92) 82%,#02030d 100%);
}

body::after{
  content:"";
  position:fixed;
  left:0;
  right:0;
  top:var(--hero-side-bars-top);
  height:var(--hero-side-bars-height);
  z-index:-1;
  pointer-events:none;
  opacity:.64;
  background:
    linear-gradient(180deg,rgba(91,92,255,.10) 0%,rgba(91,92,255,.18) 48%,rgba(91,92,255,.10) 100%),
    repeating-linear-gradient(90deg,transparent 0 12px,rgba(91,92,255,.55) 12px 15px,transparent 15px 24px);
  clip-path:polygon(0 34%, 14% 52%, 29% 44%, 45% 61%, 58% 39%, 75% 52%, 100% 33%, 100% 100%, 0 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.95),transparent 33%,transparent 67%,rgba(0,0,0,.95));
}

a{color:#9aa8ff;text-decoration:none;transition:.16s ease}
a:hover{color:#fff;text-shadow:0 0 14px rgba(91,92,255,.68)}
img{max-width:100%;display:block}
input,textarea,select,button{font:inherit}

input,textarea,select{
  width:100%;
  background:rgba(9,7,24,.88);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:13px;
  padding:.82rem .9rem;
  outline:none;
}
input:focus,textarea:focus,select:focus{border-color:rgba(91,92,255,.68);box-shadow:0 0 0 3px rgba(91,92,255,.16)}
textarea{resize:vertical}

button,.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.48rem;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#5b5cff 0%,#4f46e5 55%,#22d3ee 100%);
  color:#fff;
  padding:.86rem 1.35rem;
  font-weight:900;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 16px 48px rgba(91,92,255,.24),inset 0 1px 0 rgba(255,255,255,.24);
}
button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 20px 58px rgba(91,92,255,.34),inset 0 1px 0 rgba(255,255,255,.28);text-shadow:none}
button.small,.btn.small{padding:.54rem .85rem;font-size:.9rem}
.btn.ghost,button.ghost{background:rgba(7,5,18,.46);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.11)}
.btn.danger,button.danger{background:linear-gradient(135deg,#b91c1c,#7f1d1d)}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:var(--header-height);
  padding:.68rem clamp(1rem,5vw,8rem);
  background:rgba(3,4,16,.78);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.08);
  border-top:0;
  border-radius:0 0 16px 16px;
  box-shadow:0 20px 70px rgba(0,0,0,.32);
}
.brand{display:flex;align-items:center;gap:.82rem;color:#fff;min-width:max-content}
.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#5b5cff,#4f46e5 72%,#1d4ed8);font-weight:950;letter-spacing:.04em;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 28px rgba(91,92,255,.38)}
.brand strong{display:block;font-size:1.08rem;line-height:1.05}
.brand small{display:block;color:#b8bdd2;font-size:.83rem;margin-top:.12rem}
.site-header nav{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.site-header nav a{color:#f4f6ff;padding:.52rem .72rem;border-radius:999px;font-size:.94rem;font-weight:700;opacity:.94}
.site-header nav a:hover{background:rgba(91,92,255,.10);box-shadow:inset 0 -2px 0 var(--hot);text-shadow:none}
.site-header nav .btn{border:1px solid rgba(255,255,255,.16);background:rgba(8,13,38,.72);box-shadow:none}

.page{width:min(1320px,calc(100% - 2rem));margin:0 auto;padding:1.2rem 0 1.4rem}

.hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:clamp(1rem,4vw,3.4rem);
  align-items:center;
  min-height:var(--hero-min-height);
  margin:0 auto 1.2rem;
  padding:clamp(2.1rem,5vw,4.2rem) clamp(1.4rem,7vw,6rem);
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  isolation:isolate;
}
.hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(2,3,13,.90) 0%,rgba(2,3,13,.34) 24%,rgba(2,3,13,.16) 54%,rgba(2,3,13,.74) 100%),
    linear-gradient(180deg,rgba(3,3,13,.12) 0%,rgba(3,3,13,.22) 48%,rgba(2,3,13,.94) 100%),
    var(--hero,none) center center / cover no-repeat;
  opacity:.88;
  filter:saturate(1.18) contrast(1.08) brightness(.86);
}
.hero::before{
  content:"";
  position:absolute;
  inset:-72px -6vw -30px;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 52% 45%,rgba(91,92,255,.28),rgba(79,70,229,.16) 30%,transparent 54%),
    radial-gradient(circle at 24% 16%,rgba(79,141,255,.16),transparent 21%),
    radial-gradient(circle at 78% 12%,rgba(67,56,202,.20),transparent 22%),
    linear-gradient(120deg,transparent 0 13%,rgba(91,92,255,.08) 13% 14%,transparent 14% 100%),
    linear-gradient(180deg,rgba(3,3,13,.08),rgba(3,3,13,.72) 86%,#02030d 100%);
}
.hero::after{
  content:"";
  position:absolute;
  left:-8vw;
  right:-8vw;
  bottom:-2px;
  height:158px;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.92),transparent 62%),
    linear-gradient(180deg,transparent,rgba(0,0,0,.46));
  clip-path:polygon(0 32%,4% 24%,8% 38%,12% 17%,16% 40%,20% 18%,24% 35%,28% 22%,32% 40%,36% 20%,40% 34%,44% 19%,48% 39%,52% 21%,56% 36%,60% 18%,64% 41%,68% 20%,72% 36%,76% 17%,80% 40%,84% 23%,88% 38%,92% 18%,96% 35%,100% 24%,100% 100%,0 100%);
}
.hero-content,.countdown-card,.hero-live-player{position:relative;z-index:2}
.eyebrow{color:#5b5cff;text-transform:uppercase;letter-spacing:.105em;font-weight:950;font-size:.9rem;margin:0 0 .75rem;text-shadow:0 0 18px rgba(91,92,255,.45)}
.hero h1{max-width:650px;font-size:clamp(3.9rem,6.3vw,6.55rem);line-height:.88;letter-spacing:-.065em;margin:.16rem 0 .8rem;color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.45)}
/* Hero title: Saturday is blue-violet, Show stays white. */
.hero h1 span{
  color:#5b5cff !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:#5b5cff !important;
  text-shadow:0 0 26px rgba(75,85,255,.58),0 3px 18px rgba(0,0,0,.45) !important;
}
.lead{font-size:1.05rem;line-height:1.5;max-width:560px;color:#eef2ff;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.hero-actions,.button-row,.check-row,.inline-form{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-top:1.25rem}

.countdown-card{justify-self:end;width:min(100%,420px);background:linear-gradient(180deg,rgba(18,24,72,.82),rgba(9,7,24,.92));border:1px solid rgba(91,92,255,.52);border-radius:19px;padding:1.55rem 1.65rem;box-shadow:var(--glow),inset 0 1px 0 rgba(255,255,255,.08)}
.countdown-card>span{display:block;color:#9aa8ff;text-transform:uppercase;font-size:.78rem;font-weight:950;letter-spacing:.08em;margin-bottom:.35rem}
.countdown-card strong{display:block;font-size:1.32rem;line-height:1.2;color:#fff}
.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1.2rem 0 1rem;text-align:center;border-bottom:1px solid rgba(91,92,255,.22);padding-bottom:1rem}
.countdown-grid b{display:block;background:linear-gradient(180deg,rgba(30,41,120,.7),rgba(15,23,70,.92));border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.72rem .25rem;font-size:2rem;color:#8ea2ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.countdown-grid small{color:#b8c3ff;font-size:.7rem;font-weight:850;text-transform:uppercase}
.countdown-card p{line-height:1.65;margin:.65rem 0 0;color:#eef2ff}
.muted{color:var(--muted)}
.video{width:100%;aspect-ratio:16/9;border:0;border-radius:18px;background:#000}
.live-hero{grid-template-columns:minmax(260px,.62fr) minmax(420px,1.38fr);min-height:520px;background:transparent}
.live-hero::before{opacity:.72}
.hero-live-player{width:100%}
.live-video{border:1px solid rgba(91,92,255,.42);box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 50px rgba(91,92,255,.14)}

.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 .62rem;padding:0 .1rem;text-transform:uppercase;letter-spacing:.18em}
.section-heading h1,.section-heading h2{margin:0;font-size:1.02rem;line-height:1.2;letter-spacing:.18em}
.section-heading h2::after{content:"";display:block;width:28px;height:3px;border-radius:999px;background:var(--hot);margin-top:.45rem;box-shadow:0 0 18px rgba(91,92,255,.75)}
.section-heading a{font-size:.85rem;font-weight:800;letter-spacing:0;text-transform:none;color:#9aa8ff}

.home-board{position:relative;margin:1.1rem auto 0;padding:1.05rem 1.35rem .55rem;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(180deg,rgba(8,9,28,.72),rgba(5,5,18,.76));box-shadow:0 24px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.home-board .section-heading:first-child{margin-top:.05rem}
.grid{display:grid;gap:1rem}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:linear-gradient(180deg,rgba(13,22,62,.92),rgba(8,12,34,.94));border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:1rem;margin:1rem 0;box-shadow:0 14px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)}
.narrow{max-width:820px;margin:2rem auto}
.holding-screen{display:grid;place-items:center;text-align:center;min-height:300px;border-radius:18px;background:radial-gradient(circle at center,#171f56,#080b1f)}
.status-pill{display:inline-flex;border:1px solid #3f4cb3;background:#151b3f;border-radius:999px;padding:.3rem .65rem;color:#dbe4ff;text-transform:uppercase;font-size:.78rem;font-weight:900}
.slot-list{display:grid;gap:.6rem}
.slot-list>div{display:grid;grid-template-columns:120px 1fr;gap:.8rem;align-items:center;background:#0b1028;border:1px solid #1f2550;border-radius:16px;padding:.75rem}
.sponsor-banner{display:block;margin:1.2rem 0;border-radius:18px;overflow:hidden;border:1px solid rgba(91,92,255,.24);background:#090d22}
.sponsor-banner img{width:100%;max-height:160px;object-fit:cover}

.news-list{display:grid;gap:.9rem}
.news-card{color:#fff}
.news-wide{display:grid;grid-template-columns:minmax(230px,32%) 1fr;gap:1.2rem;align-items:center;margin:.4rem 0 .8rem;padding:.42rem 1.2rem .42rem .42rem;background:linear-gradient(90deg,rgba(17,26,72,.98),rgba(12,22,65,.84));border-color:rgba(91,92,255,.22)}
.news-wide img{margin:0;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px;background:radial-gradient(circle,#171f56,#080b1f)}
.news-wide h3{font-size:1.38rem;margin:.1rem 0 .35rem;line-height:1.1}
.news-wide p{margin:.25rem 0;color:#dbe4ff;line-height:1.45}
.news-wide h3::before{content:"Featured";display:inline-block;vertical-align:middle;margin-right:.6rem;background:linear-gradient(135deg,#5b5cff,#4f46e5);color:#fff;border-radius:5px;padding:.18rem .42rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}
.news-wide>div:first-child:last-child{grid-column:1/-1}

.episode-card{position:relative;overflow:hidden;color:#fff;padding:0;min-height:84px;border-radius:13px;margin:.15rem 0;background:#080c22}
.episode-card img{width:100%;aspect-ratio:2.55/1;object-fit:cover;border-radius:13px;opacity:.82;margin:0;filter:saturate(1.18) contrast(1.05)}
.episode-card::before{content:"▶";position:absolute;left:14px;bottom:17px;z-index:2;width:28px;height:28px;border:2px solid rgba(255,255,255,.88);border-radius:50%;display:grid;place-items:center;font-size:.72rem;background:rgba(0,0,0,.22)}
.episode-card::after{content:"SSS Replay";position:absolute;left:14px;top:10px;z-index:2;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.24rem .54rem;font-size:.72rem;font-weight:800;color:#fff}
.episode-card h3,.episode-card p{position:absolute;z-index:2;left:54px;right:12px;margin:0;text-shadow:0 2px 10px #000}
.episode-card h3{bottom:31px;font-size:.9rem}
.episode-card p{bottom:14px;font-size:.75rem;color:#eef2ff}
.episode-card:hover img{transform:scale(1.04)}

.top-list{list-style:none;counter-reset:rank;margin:.2rem 0;padding:0;columns:2;column-gap:2.2rem}
.top-list li{counter-increment:rank;break-inside:avoid;display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.75rem;padding:.48rem .3rem;border-bottom:1px solid rgba(255,255,255,.08)}
.top-list li::before{content:counter(rank);color:#5b5cff;font-weight:950;text-align:right}
.top-list strong{font-size:.94rem}
.top-list span{color:#9aa3c2;font-variant-numeric:tabular-nums}
.chart-list{display:grid;gap:.9rem}
.chart-row{display:grid;grid-template-columns:70px 180px 1fr;gap:1rem;align-items:center;color:#fff}
.chart-row img{aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.stacked{display:grid;gap:.9rem}
.check{display:flex;align-items:flex-start;gap:.6rem}
.check input,.check-row input,label input[type=checkbox]{width:auto}
.link-stack{display:flex;gap:.75rem;flex-wrap:wrap}

.feature-strip{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr;gap:0;margin:1rem auto 0;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(8,9,28,.70);overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.32)}
.feature-item{display:grid;grid-template-columns:40px 1fr;gap:.85rem;align-items:center;padding:.95rem 1.15rem;border-right:1px solid rgba(255,255,255,.09)}
.feature-item:last-child{border-right:0}
.feature-icon{font-size:1.65rem;color:#8b7cff;filter:drop-shadow(0 0 15px rgba(91,92,255,.45))}
.feature-item strong{display:block;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}
.feature-item span{display:block;color:#c4c9dd;font-size:.82rem;line-height:1.25}

.flash{padding:1rem;border-radius:16px;margin:1rem 0;border:1px solid}
.flash-success{background:#10291b;border-color:#2d9d5b}
.flash-error{background:#2a1012;border-color:#b91c1c}
.flash-warning,.notice.warning{background:#35280e;border:1px solid #9d7b2d;border-radius:16px;padding:1rem}

table{width:100%;border-collapse:collapse;background:#090d22;border-radius:18px;overflow:hidden}
th,td{text-align:left;border-bottom:1px solid #1f2550;padding:.75rem;vertical-align:top}
th{color:#b8c3ff;background:#0e1638}

.site-footer{width:min(1320px,calc(100% - 2rem));margin:0 auto;padding:1.2rem 0 1.5rem;border-top:0;background:transparent;color:#9aa3c2;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.85rem}
.site-footer div:last-child{display:flex;gap:1rem}

@media(max-width:1050px){
  :root{--hero-min-height:auto;--hero-backdrop-height:620px;--hero-side-bars-height:520px}
  .hero{grid-template-columns:1fr;min-height:auto}
  .countdown-card{justify-self:start}
  .site-header{align-items:flex-start;flex-direction:column}
  .site-header nav{justify-content:flex-start}
  .feature-strip{grid-template-columns:1fr 1fr}
  .feature-item:nth-child(2){border-right:0}
  .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  :root{--hero-backdrop-height:620px;--hero-side-bars-height:430px}
  body::after{opacity:.25}
  .page{width:min(100% - 1rem,1320px);padding-top:.5rem}
  .hero{padding:2rem 1rem}
  .hero-bg{background-position:center top}
  .hero h1{font-size:clamp(3.2rem,18vw,4.5rem)}
  .grid.two,.grid.three,.grid.four,.news-wide,.live-hero{grid-template-columns:1fr}
  .top-list{columns:1}
  .feature-strip{grid-template-columns:1fr}
  .feature-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
  .slot-list>div,.chart-row{grid-template-columns:1fr}
  .site-footer{flex-direction:column;align-items:flex-start}
  .countdown-grid b{font-size:1.45rem}
}

/* v9: homepage title emphasis + news detail pages */
.news-card-link{display:grid;text-decoration:none;color:#fff;cursor:pointer}
.news-card-link:hover{color:#fff;text-shadow:none;border-color:rgba(91,92,255,.44);box-shadow:0 18px 54px rgba(91,92,255,.16),inset 0 1px 0 rgba(255,255,255,.06);transform:translateY(-1px)}
.read-more-chip{display:inline-flex;margin-top:.55rem;color:#9aa8ff;font-size:.88rem;font-weight:900}
.news-detail{max-width:980px;margin:1.4rem auto 2rem;padding:clamp(1.1rem,3vw,2rem)}
.news-detail-image{width:100%;max-height:420px;object-fit:cover;border-radius:16px;margin:0 0 1.2rem;border:1px solid rgba(255,255,255,.10)}
.news-detail h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95;letter-spacing:-.045em;margin:.15rem 0 .7rem;color:#fff}
.news-body{margin-top:1.1rem;color:#eef2ff;font-size:1.05rem;line-height:1.72;white-space:normal}
.news-body p{margin:0 0 1rem}


/* v10: keep news thumbnails visible even when a post has no custom image */
.news-thumb{display:block;min-height:120px}
@media (max-width:760px){.news-thumb{min-height:0}}

/* v11: submit instructions + legal pages */
.submit-page h1,.legal-page h1{font-size:clamp(2.35rem,5vw,4.2rem);line-height:.95;letter-spacing:-.045em;margin:.1rem 0 .7rem}
.submit-how-it-works,.legal-summary{border:1px solid rgba(91,92,255,.26);background:linear-gradient(135deg,rgba(91,92,255,.10),rgba(91,93,255,.08));border-radius:16px;padding:1rem 1.15rem;margin:1rem 0 1.25rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.submit-how-it-works h2{margin:.1rem 0 .75rem;font-size:1.25rem;color:#fff}
.submit-how-it-works ol{margin:.2rem 0 0 1.25rem;padding:0;display:grid;gap:.65rem;color:#eef2ff;line-height:1.5}
.submit-how-it-works li::marker{color:#5b5cff;font-weight:900}
.small-note{font-size:.92rem;margin:.9rem 0 0}
.legal-check{align-items:flex-start;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:.9rem;line-height:1.45}
.legal-check input{margin-top:.2rem;flex:0 0 auto}
.legal-page{max-width:980px;line-height:1.68;color:#eef2ff}
.legal-page h2{margin:1.45rem 0 .45rem;color:#fff;font-size:1.32rem}
.legal-page p{margin:.35rem 0 .85rem}
.legal-page ul{padding-left:1.25rem;margin:.4rem 0 1rem;display:grid;gap:.45rem}
.legal-summary{font-size:1.02rem;color:#fff}
.site-footer div:last-child{flex-wrap:wrap}