/* ==========================================================================
   30PICK'EM — Studio final handoff layer
   Implements the approved composite (30PICKEM_APPROVED_MASTER.png) on top
   of the existing product logic. Loaded last; studio-reaccent.css (loaded
   just before this file) already retunes the legacy gold accents to the
   approved electric blue, leaving gold reserved for SteelCity24 /
   commissioner-only surfaces (see that file's header comment).
   ========================================================================== */

:root{
  --accent-blue:#2f8fff;
  --accent-blue-soft:#7ec1ff;
  --accent-blue-deep:#0b4fa8;
  --accent-glow:rgba(47,143,255,.55);
  --ink-on-accent:#04101f;
  --broadcast-font:'Oswald',Inter,ui-sans-serif,system-ui,sans-serif;
}

/* ---------------- Typography: condensed broadcast headings ---------------- */
.title,.brandSplashTagline,.authBrandTagline,.homeHeadlineTop,.homeHeadlineWin,
.boardKicker,.nextLockLabel,.boardSlateHeader span,.boardGotwTitle b,.boardGotwPresents,
.boardGotwSlogan b,.hubPageHero .title,.newsHeader .title,.studioScreenHeader .title,
.picksTitle,#picksTitle,.standingsTitle,#standingsTitle{
  font-family:var(--broadcast-font);
  letter-spacing:.01em;
  text-transform:uppercase;
}
.small.boardKicker,.nextLockLabel{letter-spacing:.14em;font-weight:700;}

body{
  background:
    radial-gradient(circle at 50% -10%,rgba(47,143,255,.10),transparent 42%),
    linear-gradient(180deg,#04070c 0%,#060a10 45%,#0a0f16 100%)!important;
}
.card{
  border:1px solid rgba(47,143,255,.16);
  box-shadow:0 14px 34px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.015);
}
.footer{
  background:linear-gradient(180deg,rgba(6,10,16,.86),#05070a)!important;
  border-top:1px solid rgba(47,143,255,.28)!important;
}

.brandShieldLockup{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;}
.brandShieldIcon{width:30px;height:auto;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(47,143,255,.45));}
.brandShieldWord{
  font-family:var(--broadcast-font);
  font-weight:700;
  font-size:20px;
  letter-spacing:.01em;
  color:#fff;
  white-space:nowrap;
  text-shadow:0 0 18px rgba(47,143,255,.25);
}
.brandShieldLockupLg{gap:12px;}
.brandShieldLockupLg .brandShieldIcon{width:56px;}
.brandShieldLockupLg .brandShieldWord{font-size:34px;}
@media(max-width:700px){
  .broadcastBrandLockup .brandShieldIcon{width:26px;}
  .broadcastBrandLockup .brandShieldWord{font-size:16px;}
}
.broadcastCrown,.premiumTopCrown,.gotwCrown0552,.premiumHubCrown0555,.hubPageMark{display:none!important;}
.homeBrandBanner{display:none!important;}
.mastheadAside{display:none!important;}
#topSub{display:none!important;}

.nav[data-screen="news"] b{font-size:18px!important;}
.nav.active{
  color:var(--accent-blue)!important;
  text-shadow:0 0 12px var(--accent-glow);
}

.boardPickTeam,.heroPickTeam{position:relative;}
.boardPickTeam::after,.heroPickTeam::after{
  content:'';
  position:absolute;
  top:10px;right:10px;
  width:22px;height:22px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.42);
  background:rgba(6,10,16,.35);
  transition:border-color .15s,background-color .15s,box-shadow .15s;
  z-index:2;
}
.boardPickTeam.selected::after,.heroPickTeam.selected::after{
  border-color:var(--accent-blue);
  background:var(--accent-blue);
  box-shadow:0 0 14px var(--accent-glow);
}
.boardPickTeam.selected::before,.heroPickTeam.selected::before{
  content:'';
  position:absolute;
  top:17px;right:18px;
  width:5px;height:9px;
  border-right:2px solid var(--ink-on-accent);
  border-bottom:2px solid var(--ink-on-accent);
  transform:rotate(40deg);
  z-index:3;
}
.boardPickTeam.locked::after,.heroPickTeam.locked::after{opacity:.35;}
.boardMatchupRow>.boardDetailsLink{grid-column:1/-1;}
.boardDetailsLink{
  display:block;
  width:100%;
  margin-top:2px;
  padding:8px 0 2px;
  background:transparent;
  border:0;
  color:var(--accent-blue-soft);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-align:right;
  cursor:pointer;
}
.boardGotwDetailsLink{
  padding:7px 12px;
  border:1px solid rgba(47,143,255,.4);
  border-radius:999px;
  background:rgba(47,143,255,.08);
  text-align:center;
}

.studioGotwFeatureCard{
  background:
    radial-gradient(circle at 50% 0%,rgba(47,143,255,.16),transparent 60%),
    linear-gradient(180deg,#0d1420,#080c12);
  border-color:rgba(47,143,255,.32);
}
.studioGotwFeatureTitle{font-family:var(--broadcast-font);font-size:15px;font-weight:700;letter-spacing:.04em;margin:2px 0 12px;color:#eaf3ff;}
.studioGotwFeatureMatchup{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.studioGotwFeatureSide{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:0;text-align:center;}
.studioGotwFeatureSide b{font-size:13px;font-weight:800;line-height:1.2;}
.studioGotwFeatureVs{font-size:12px;font-weight:900;color:var(--muted);flex:0 0 auto;}
.studioTeamMarkLg{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));}
.studioTeamMarkSm{width:34px;height:34px;object-fit:contain;}
.studioTeamMarkFallback{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(47,143,255,.12);border:1px solid rgba(47,143,255,.35);font-weight:900;color:#eaf3ff;}
.studioGotwFeatureTime{text-align:center;margin:10px 0 4px;}
.studioGotwFeatureOdds{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin:8px 0 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:12px;}
.studioGotwFeatureOdds span{flex:0 0 100%;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;}
.studioGotwFeatureOdds b{font-weight:800;}

.studioScreenHeader{display:flex;align-items:center;gap:12px;padding:2px 0 14px;}
.studioBackBtn{width:38px;height:38px;flex:0 0 38px;border-radius:50%;border:1px solid rgba(47,143,255,.35);background:rgba(47,143,255,.08);color:#eaf3ff;font-size:18px;line-height:1;cursor:pointer;}
.studioScreenHeader .title{margin:0;}

.studioMakePickMeta{margin-bottom:10px;}
.studioMakePickPrompt{display:flex;flex-direction:column;gap:2px;margin:6px 0 14px;text-align:center;}
.studioMakePickPrompt b{font-family:var(--broadcast-font);font-size:16px;}
.studioMakePickPrompt span{font-size:12px;color:var(--muted);}
.studioMakePickGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.studioPickCard{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#111823,#0a0e15);color:#fff;cursor:pointer;}
.studioPickCard.selected{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue),0 0 22px var(--accent-glow);background:linear-gradient(180deg,rgba(47,143,255,.16),#0a0e15);}
.studioPickCard.locked{opacity:.5;cursor:not-allowed;}
.studioPickCheck{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.42);background:rgba(6,10,16,.35);}
.studioPickCard.selected .studioPickCheck{border-color:var(--accent-blue);background:var(--accent-blue);box-shadow:0 0 14px var(--accent-glow);}
.studioPickCard.selected .studioPickCheck:after{content:'';position:absolute;top:5px;left:7px;width:5px;height:9px;border-right:2px solid var(--ink-on-accent);border-bottom:2px solid var(--ink-on-accent);transform:rotate(40deg);}
.studioPickTeamName{font-size:14px;text-align:center;font-weight:800;}
.studioPickOdds{font-size:12px;color:var(--accent-blue-soft);font-weight:800;}

.studioDetailsMatchup{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px;}
.studioDetailsSide{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;text-align:center;min-width:0;}
.studioDetailsSide b{font-size:13px;font-weight:800;}
.studioDetailsVs{font-weight:900;color:var(--muted);font-size:12px;}
.studioDetailsTabs{display:flex;gap:6px;overflow:auto;margin-bottom:14px;}
.studioDetailsTabs button{flex:0 0 auto;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:#0d1017;color:var(--muted);font-weight:750;font-size:13px;}
.studioDetailsTabs button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--ink-on-accent);}
.studioDetailsTabs button:disabled{opacity:.4;}
.studioKeyFacts{margin:6px 0 16px;}
.studioKeyFactRow{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;}
.studioKeyFactRow:last-child{border-bottom:0;}
.studioKeyFactIcon{font-size:15px;}
.studioKeyFactRow b{font-weight:800;text-align:right;}
.studioGdSectionLabel{margin:2px 0 10px;}
.studioGdLoading{padding:22px 4px;text-align:center;color:var(--muted);font-size:13px;}
.studioGdNewsList{display:flex;flex-direction:column;gap:12px;}
.studioGdNewsList .newsStory{margin-bottom:0;}
#gdBody .pickSplit{margin-top:4px;}

.standingTab{font-family:var(--broadcast-font);}
.hubPageHero{border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 0%,rgba(47,143,255,.20),transparent 55%),linear-gradient(180deg,#0a0f16,#05070a);border:1px solid rgba(47,143,255,.28);}
.newsTab.active{background:var(--accent-blue)!important;border-color:var(--accent-blue)!important;color:var(--ink-on-accent)!important;}

.studioProfileHeader{position:relative;justify-content:center;}
.studioProfileHeader .studioBackBtn{position:absolute;left:0;}
.studioProfileGear{position:absolute;right:0;width:38px!important;height:38px!important;font-size:16px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(47,143,255,.3);background:rgba(47,143,255,.08);color:#eaf3ff;cursor:pointer;padding:0;}
.studioProfileHero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 18px;}
.studioProfileAvatar{width:76px;height:76px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,199,44,.55);box-shadow:0 0 22px rgba(255,199,44,.18);}
.studioProfileAvatar .playerAvatar{width:100%!important;height:100%!important;flex:0 0 100%!important;font-size:22px!important;border-radius:50%;}
.studioProfileAvatar .photoAvatar img{width:100%;height:100%;object-fit:cover;}
.studioProfileName{font-family:var(--broadcast-font);font-size:20px;font-weight:700;}
.studioProfileCommBadge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(255,199,44,.10);border:1px solid rgba(255,199,44,.45);color:#ffc72c;font-size:12px;font-weight:800;letter-spacing:.03em;}
.studioProfileStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;}
.studioProfileStats div{background:#0d1017;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;}
.studioProfileStats b{display:block;font-size:19px;font-family:var(--broadcast-font);}
.studioProfileStats span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;}
.studioProfileList .commissionerRow b{font-weight:800;}

@media(min-width:900px){
  .studioProfileHero,.studioProfileStats{max-width:520px;margin-left:auto;margin-right:auto;}
}


/* v0.9.38 — GOTW partner line */
.studioGotwPartner{
  margin:-4px 0 12px;
  text-align:center;
  color:#f2c94c;
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
}