/* 2026-09-22 homepage hub layout + readability pass. */

/* OFF AIR countdown: target includes the normal +10 minute on-air window. */
.public-show-countdown{
  margin-left:auto;
  flex:0 0 auto;
  padding:8px 12px;
  border:1px solid rgba(104,231,255,.42);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(10,25,31,.96),rgba(5,10,14,.98));
  color:#77edff;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:15px!important;
  font-weight:950;
  line-height:1!important;
  letter-spacing:.055em;
  text-shadow:0 0 10px rgba(83,229,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 16px rgba(65,220,245,.07);
}
.public-show-countdown.ready{
  border-color:rgba(202,255,89,.48);
  color:#caff59;
  text-shadow:0 0 10px rgba(202,255,89,.34);
}
.public-show-countdown.is-hidden{display:none!important}

/* The entertainment hub is now four equal destinations: Music, Trivia, Games, Conspiracy. */
@media(min-width:761px){
  #home-section-grid > #videos{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }
  #home-section-grid > #shows{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  #home-section-grid > #music{
    grid-column:1!important;
    grid-row:3!important;
  }
  #home-section-grid > #leaderboard{
    grid-column:2!important;
    grid-row:3!important;
  }
  #home-section-grid > #games{
    grid-column:1!important;
    grid-row:4!important;
  }
  #home-section-grid > #conspiracy{
    grid-column:2!important;
    grid-row:4!important;
  }

  #home-section-grid > #music,
  #home-section-grid > #leaderboard,
  #home-section-grid > #games,
  #home-section-grid > #conspiracy{
    min-height:390px!important;
    max-height:none!important;
  }
}

.home-hub-card{
  position:relative;
  overflow:hidden;
  padding:0!important;
  border-radius:20px!important;
  display:grid;
  grid-template-rows:auto 1fr auto;
  background:
    radial-gradient(circle at 88% 6%,rgba(70,224,246,.09),transparent 27%),
    linear-gradient(145deg,#111722,#080b10 58%,#0d0b11)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.home-games-hub{border-color:rgba(88,231,255,.34)!important}
.home-conspiracy-hub{
  border-color:rgba(202,255,89,.30)!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(202,255,89,.10),transparent 29%),
    radial-gradient(circle at 8% 92%,rgba(255,73,184,.055),transparent 30%),
    linear-gradient(145deg,#111812,#080b0d 58%,#0c0a0f)!important;
}
.home-hub-card-head{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(27,34,44,.94),rgba(10,13,18,.96));
}
.home-conspiracy-hub .home-hub-card-head{
  background:linear-gradient(180deg,rgba(29,38,20,.94),rgba(10,13,12,.97));
}
.home-hub-kicker{
  color:#66e9ff;
  font-size:13px!important;
  font-weight:950;
  letter-spacing:.105em;
}
.home-conspiracy-hub .home-hub-kicker{color:#caff59}
.home-hub-card-head>b{
  color:#f3d47f;
  font-size:13px!important;
  letter-spacing:.08em;
}
.home-hub-visual{
  position:relative;
  min-height:180px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(67,224,248,.12),transparent 42%),
    repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,.018) 49px 50px),
    #090d13;
}
.home-games-visual{
  grid-template-columns:repeat(4,58px);
  align-content:center;
  justify-content:center;
  gap:12px;
}
.home-games-visual span{
  width:58px;height:58px;
  display:grid;place-items:center;
  border:1px solid rgba(96,231,255,.42);
  border-radius:14px;
  color:#86efff;
  background:linear-gradient(145deg,#182431,#0b1119);
  font-family:Georgia,'Times New Roman',serif;
  font-size:24px!important;
  font-weight:950;
  box-shadow:0 8px 16px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);
}
.home-games-visual span:nth-child(2){border-color:rgba(255,88,190,.38);color:#ff83cf}
.home-games-visual span:nth-child(3){border-color:rgba(202,255,89,.34);color:#d4ff7c}
.home-games-visual span:nth-child(4){border-color:rgba(239,199,111,.42);color:#f4d78b}
.home-hub-visual>strong{
  grid-column:1 / -1;
  margin-top:3px;
  color:#f3d98f;
  font-size:16px!important;
  letter-spacing:.11em;
}
.home-conspiracy-visual{
  background:
    radial-gradient(circle at 50% 47%,rgba(202,255,89,.08),transparent 40%),
    linear-gradient(rgba(111,143,66,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,143,66,.08) 1px,transparent 1px),
    #090e0b;
  background-size:auto,34px 34px,34px 34px,auto;
}
.home-conspiracy-visual i{
  position:absolute;
  width:16px;height:16px;border:2px solid #caff59;border-radius:50%;
  box-shadow:0 0 12px rgba(202,255,89,.22);
}
.home-conspiracy-visual i:nth-child(1){left:18%;top:28%}
.home-conspiracy-visual i:nth-child(2){left:37%;top:62%}
.home-conspiracy-visual i:nth-child(3){left:56%;top:31%}
.home-conspiracy-visual i:nth-child(4){left:76%;top:58%}
.home-conspiracy-visual i:nth-child(5){left:68%;top:20%}
.home-conspiracy-visual::before{
  content:"";
  position:absolute;inset:20% 15%;
  background:
    linear-gradient(24deg,transparent 0 48%,rgba(202,255,89,.32) 49% 50%,transparent 51%),
    linear-gradient(155deg,transparent 0 49%,rgba(255,79,188,.22) 49.5% 50.5%,transparent 51%);
  opacity:.8;
}
.home-conspiracy-visual>strong{position:relative;z-index:2;color:#d8ff86}
.home-hub-copy{padding:17px 18px 18px}
.home-hub-copy h2{
  margin:0 0 8px!important;
  font-size:clamp(2rem,3vw,2.55rem)!important;
}
.home-hub-copy p{
  margin:0 0 16px!important;
  color:#d0d5dd!important;
  font-size:16px!important;
  line-height:1.5!important;
}
.home-hub-enter{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 8px 0 14px;
  border:1px solid rgba(100,231,255,.46);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(26,176,211,.16),rgba(255,72,181,.15));
  color:#fff;
  font-size:14px!important;
  font-weight:950;
  letter-spacing:.06em;
}
.home-conspiracy-hub .home-hub-enter{
  border-color:rgba(202,255,89,.42);
  background:linear-gradient(90deg,rgba(121,164,39,.15),rgba(255,72,181,.10));
}
.home-hub-enter b{
  width:30px;height:30px;display:grid;place-items:center;
  border:1px solid rgba(239,204,111,.55);border-radius:50%;
  color:#fff0a1;background:#17140a;
}

/* Readability pass: the decorative micro-text was too small on laptop-sized windows. */
.status-strip strong,
#public-live-text{font-size:16px!important}

.home-visual-tile>strong{font-size:18px!important}
.home-visual-tile>small{font-size:14px!important;line-height:1.3!important}
.home-hosts-bridge span{font-size:14px!important}
.home-person-role{font-size:16px!important}
.home-person-bio{font-size:16px!important;line-height:1.55!important}

.videos-home-kicker{font-size:13px!important}
.videos-home-tile>b{font-size:14px!important}
.videos-home-tile-title{font-size:13px!important;line-height:1.25!important}
.videos-home-tile-sub{font-size:13px!important;line-height:1.25!important}

.music-home-title small{font-size:12px!important;line-height:1.2!important}
.music-home-num{font-size:13px!important}
.music-home-radio{font-size:11.5px!important}
.music-home-interactive{font-size:11.5px!important}
.music-home-bottom p{font-size:15.5px!important;line-height:1.45!important}
.music-home-feature-row span{font-size:11.5px!important;line-height:1.2!important}
.music-home-cta{font-size:13.5px!important}

.lb-home-kicker{font-size:11.5px!important}
.lb-home-compact-tagline{font-size:11.5px!important}
.lb-home-podium-heading span{font-size:10.5px!important}
.lb-home-podium-heading strong{font-size:12.5px!important}
.lb-home-card>b{font-size:10px!important}
.lb-home-card>strong{font-size:12px!important}
.lb-home-card.rank-1>strong{font-size:13.5px!important}
.lb-home-card>span{font-size:11.5px!important}
.lb-home-card.rank-1>span{font-size:13px!important}
.lb-home-enter{font-size:13px!important}

#public-champions-year .lb-home-champions-head div>span{font-size:11px!important}
#public-champions-year .lb-home-champions-head h3{font-size:18px!important;line-height:1.05!important}
#public-champions-year .lb-home-champions-head>span{font-size:11px!important;line-height:1.25!important}

.public-show-date{font-size:15px!important}
.public-show-card p{font-size:15.5px!important;line-height:1.5!important}

@media(max-width:760px){
  .public-show-countdown{
    width:100%;
    margin-left:0;
    text-align:center;
  }
  #home-section-grid > #videos,
  #home-section-grid > #shows,
  #home-section-grid > #music,
  #home-section-grid > #leaderboard,
  #home-section-grid > #games,
  #home-section-grid > #conspiracy{
    grid-column:auto!important;
    grid-row:auto!important;
    max-height:none!important;
  }
  .home-hub-card{min-height:360px}
}

/* Conspiracy Lab homepage video player. */
.home-conspiracy-fallback{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.home-conspiracy-fallback>strong{
  position:relative;
  z-index:2;
  color:#d8ff86;
}
.home-conspiracy-visual.has-video{
  background:#000;
}
.home-conspiracy-visual.has-video::before{
  display:none;
}
.conspiracy-home-video{
  position:absolute;
  z-index:4;
  inset:0;
  width:100%;
  height:100%;
  min-height:180px;
  object-fit:contain;
  background:#000;
}
.conspiracy-home-video.is-hidden,
.home-conspiracy-fallback.is-hidden{
  display:none!important;
}

/* Stereogram hype inside the homepage Game Room card. */
.home-stereogram-hype{
  grid-column:1 / -1;
  width:min(420px,calc(100% - 28px));
  margin-top:6px;
  padding:9px 12px;
  display:grid;
  gap:2px;
  border:1px solid rgba(202,255,89,.38);
  border-radius:11px;
  background:
    repeating-radial-gradient(circle at 10% 50%,rgba(202,255,89,.11) 0 2px,transparent 3px 9px),
    linear-gradient(90deg,rgba(79,126,28,.16),rgba(255,73,184,.10));
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 16px rgba(202,255,89,.05);
}
.home-stereogram-hype b{
  color:#d3ff73;
  font-size:13px!important;
  letter-spacing:.075em;
}
.home-stereogram-hype small{
  color:#c8d1db;
  font-size:11.5px!important;
  font-weight:850;
  letter-spacing:.035em;
}
@media(max-width:760px){
  .home-stereogram-hype{
    width:calc(100% - 22px);
    padding:10px;
  }
  .home-stereogram-hype b{font-size:12px!important}
  .home-stereogram-hype small{font-size:11px!important}
}

/* Homepage Navigation Row can be reordered from Site Content → Homepage Sections. */
#home-section-grid > .home-visual-nav{
  grid-column:1 / -1!important;
  width:100%!important;
  margin:0!important;
}

/* 2026-09-22: one sortable homepage zone. Hero + ON/OFF AIR stay pinned above it. */
.home-layout-zone{
  align-items:start;
}
#home-section-grid > [data-home-section="quicknav"],
#home-section-grid > [data-home-section="intro"],
#home-section-grid > [data-home-section="hosts"],
#home-section-grid > [data-home-section="videos"],
#home-section-grid > [data-home-section="shows"],
#home-section-grid > [data-home-section="lounge"],
#home-section-grid > [data-home-section="contact"]{
  grid-column:1 / -1!important;
  width:100%;
}
#home-section-grid > .home-visual-nav{
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
#home-hosts-section{
  max-width:1100px;
  margin:0 auto;
}
#home-hosts-section .home-hosts-bridge,
#home-hosts-section .home-people-section{
  width:100%;
  margin-left:0!important;
  margin-right:0!important;
}
#home-section-grid > .public-lounge-section,
#home-section-grid > .public-contact-section{
  max-width:1100px;
  justify-self:center;
}
.conspiracy-home-player{
  position:absolute;
  z-index:4;
  inset:0;
  width:100%;
  height:100%;
  background:#000;
}
.conspiracy-home-player video,
.conspiracy-home-player iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
  background:#000;
}
.conspiracy-home-player.is-hidden{display:none!important}
@media(max-width:820px){
  .home-layout-zone{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin-left:10px!important;
    margin-right:10px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  #home-section-grid > [data-home-section]{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* 2026-09-22: homepage Conspiracy card is teaser-only, never a playable video. */
.conspiracy-home-player{
  pointer-events:none;
}
.conspiracy-home-thumb{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#020303;
}
.conspiracy-home-thumb>img,
.conspiracy-home-thumb>video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
  background:#000;
  pointer-events:none;
}
.conspiracy-home-thumb-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.78) 100%);
}
.conspiracy-home-thumb-copy{
  position:absolute;
  z-index:2;
  left:14px;
  right:14px;
  bottom:12px;
  display:grid;
  gap:2px;
}
.conspiracy-home-thumb-copy small{
  color:#caff59!important;
  font-size:10.5px!important;
  font-weight:950;
  letter-spacing:.10em;
}
.conspiracy-home-thumb-copy strong{
  color:#fff;
  font-size:15px!important;
  line-height:1.2;
  text-shadow:0 2px 8px rgba(0,0,0,.9);
}
.conspiracy-home-thumb-copy span{
  color:#f2d47e;
  font-size:11.5px!important;
  font-weight:950;
  letter-spacing:.06em;
}