/* 30PICK'EM v0.9.34 — legacy premium CSS bundle.
   Concatenated in the exact order previously loaded by index.html.
   Source files remain in the repo for rollback/history. */

/* ===== premium-v0600.css ===== */

:root{
  --p60-gold:#f6c84b;
  --p60-gold-hi:#ffe49a;
  --p60-bg:#060708;
  --p60-panel:#0d0f12;
  --p60-panel2:#13161b;
  --p60-line:#2b3038;
  --p60-muted:#8f96a0;
  --p60-text:#f5f6f7;
}
body{background:radial-gradient(circle at 50% -10%,rgba(246,200,75,.07),transparent 30%),linear-gradient(180deg,#08090a,#050607);color:var(--p60-text)}
.app{background:transparent}

/* Masthead */
.top{
  position:sticky;top:0;z-index:40;
  background:rgba(6,7,8,.96)!important;
  border-bottom:1px solid rgba(246,200,75,.18)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.3)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.top>.row{min-height:84px;align-items:center!important}
.brandLockup{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}
.brandMark{width:40px!important;height:40px!important;border-radius:12px!important;box-shadow:0 0 0 1px rgba(246,200,75,.28),0 0 18px rgba(246,200,75,.08)}
.brand{font-size:24px!important;font-weight:1000!important;letter-spacing:-.035em!important;line-height:1!important}
.brand span{color:var(--p60-gold)!important}
.top .sub{margin-top:5px!important;color:#8e949c!important;font-size:9px!important;letter-spacing:.08em!important}
#weekPill{min-width:70px!important;padding:10px 12px!important;border:1px solid rgba(246,200,75,.48)!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(246,200,75,.13),rgba(246,200,75,.04))!important;color:var(--p60-gold-hi)!important;font-weight:950!important}

/* Global system */
.screen>.content{padding-top:16px!important}
.card{border:1px solid rgba(246,200,75,.13)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(18,20,24,.97),rgba(9,10,12,.99))!important;box-shadow:0 10px 26px rgba(0,0,0,.2)!important}
.title{font-weight:950!important;letter-spacing:-.025em!important}
.small{color:var(--p60-muted)!important}
.boardKicker,.nextLockLabel{color:var(--p60-gold)!important;font-weight:950!important;letter-spacing:.13em!important}
.btn{border-color:#343a43!important;background:linear-gradient(180deg,#181b20,#101216)!important;color:#eceef0!important;font-weight:850!important}
.btn.primary{border-color:#d5a632!important;background:linear-gradient(180deg,#ffe181,#e3ae31)!important;color:#090a0b!important;font-weight:950!important;box-shadow:0 7px 20px rgba(206,153,31,.16)!important}
.pill{border-color:#343941!important;background:#111318!important;color:#b7bec7!important}
.pill.green{border-color:rgba(246,200,75,.40)!important;background:rgba(246,200,75,.09)!important;color:var(--p60-gold-hi)!important}

/* Picks page header */
#picks .picksHeaderRow{align-items:flex-end!important;padding:4px 1px 10px!important;margin:0 0 6px!important;border-bottom:1px solid rgba(246,200,75,.14)}
#picksTitle{font-size:31px!important;line-height:.98!important;text-transform:uppercase!important;letter-spacing:-.04em!important}
#pickCount{border-color:rgba(246,200,75,.46)!important;background:rgba(246,200,75,.08)!important;color:var(--p60-gold-hi)!important}
#saveMode{margin-top:6px!important}
#picks .stickyPickBar{position:static!important;margin:10px 0 10px!important;padding:12px!important;border:1px solid rgba(246,200,75,.22)!important;border-radius:15px!important;background:linear-gradient(90deg,rgba(246,200,75,.055),transparent 42%),#0e1013!important;box-shadow:none!important}
#picks .unifiedPicksHint{display:none!important}
#pickQuickNav{position:static!important;margin:0 0 14px!important;padding:2px 0 4px!important;background:transparent!important}
.pickQuickChip{padding:8px 12px!important;border-color:#343941!important;background:#0f1114!important;color:#c5cad0!important}
.pickQuickLabel{color:#707782!important}

/* Day groups */
.boardDayHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 9px;padding:0 1px 9px;border-bottom:1px solid #2a2f36;position:relative}
.boardDayHeader:after{content:'';position:absolute;left:0;bottom:-1px;width:70px;height:2px;background:linear-gradient(90deg,var(--p60-gold),transparent)}
.boardDayHeader span{font-size:12px;font-weight:950;letter-spacing:.13em;color:#eceef1}
.boardDayHeader small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#6f7680}

/* Regular premium matchup rows */
.boardMatchupRow{margin:8px 0;border:1px solid #292f37;border-radius:16px;background:linear-gradient(180deg,#111318,#0a0c0f);box-shadow:0 8px 20px rgba(0,0,0,.18);overflow:hidden}
.boardMatchMeta{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #20252b;background:#0b0d10}
.boardPickNumber{color:var(--p60-gold);font-size:9px;font-weight:950;letter-spacing:.08em}
.boardSport{color:#d9dce0;font-size:9px;font-weight:950;letter-spacing:.1em}
.boardTime{justify-self:end;color:#9ba2ab;font-size:10px;font-weight:850}
.boardLock{font-size:8px;font-weight:950;letter-spacing:.09em;border:1px solid #333942;border-radius:999px;padding:5px 7px;color:#9ca3ac;background:#12151a}
.boardMatchTeams{display:grid;grid-template-columns:1fr 1fr;gap:0}
.boardPickTeam{position:relative;appearance:none;border:0;background:transparent;color:#f3f4f5;min-width:0;min-height:82px;padding:14px 12px 24px;text-align:left}
.boardPickTeam+ .boardPickTeam{border-left:1px solid #252a31}
.boardPickTeam .pickTeamMain{display:flex;align-items:flex-start;gap:7px;min-width:0}
.boardPickTeam .pickTeamMain>b{display:block;min-width:0;font-size:14px;line-height:1.1;font-weight:950}
.boardPickTeam .pickPrice{display:flex;align-items:center;gap:4px;margin-left:auto;flex:0 0 auto}
.boardPickTeam .pickPrice i{font-style:normal;font-size:8px;border:1px solid #3a414b;border-radius:999px;padding:2px 4px;color:#8e96a0}
.boardPickTeam .pickPrice b{font-size:11px;color:#c7ccd2}
.boardPickTeam .pickScore{margin-left:auto;font-size:18px;font-weight:1000;color:#fff}
.boardPickTeam .pickAction{position:absolute;left:12px;bottom:7px;color:#646c76;font-size:8px;font-weight:1000;letter-spacing:.11em}
.boardPickTeam.selected{background:linear-gradient(180deg,rgba(246,200,75,.21),rgba(246,200,75,.055))}
.boardPickTeam.selected:before{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #d8a830;pointer-events:none}
.boardPickTeam.selected .pickAction{color:var(--p60-gold-hi)}
.boardPickTeam.selected .pickTeamMain>b{color:#fff2bc}
.boardPickTeam:disabled{opacity:.64}

/* GOTW marquee */
.boardGotwCard{position:relative;margin:10px 0 26px;border:1px solid rgba(246,200,75,.78);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(246,200,75,.12),transparent 34%),linear-gradient(180deg,#111315,#070809);box-shadow:0 0 0 1px rgba(255,230,150,.04) inset,0 0 26px rgba(218,161,30,.09),0 18px 42px rgba(0,0,0,.38)}
.boardGotwCard:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(105deg,transparent 0 28px,rgba(255,255,255,.025) 29px 30px),radial-gradient(circle at 6% 35%,rgba(255,222,130,.18),transparent 18%),radial-gradient(circle at 94% 35%,rgba(255,222,130,.18),transparent 18%)}
.boardGotwHero{position:relative;z-index:1;padding:15px 14px 16px}
.boardGotwTopline{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9e874c;font-size:8px;font-weight:950;letter-spacing:.18em}
.boardGotwTopline em{font-style:normal;border:1px solid #4a412b;border-radius:999px;padding:5px 7px;color:#d4c28a;letter-spacing:.08em;background:#12110e}
.boardGotwTitle{text-align:center;margin-top:12px}
.boardGotwTitle small{display:block;color:#8f8160;font-size:8px;font-weight:950;letter-spacing:.22em}
.boardGotwTitle b{display:block;margin-top:6px;color:#fff0b3;font-size:25px;line-height:.96;font-weight:1000;letter-spacing:.12em;text-shadow:0 2px 18px rgba(0,0,0,.65),0 0 18px rgba(246,200,75,.12)}
.boardGotwMatchup{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:2px;min-height:205px;margin-top:5px}
.boardGotwSide{text-align:center;min-width:0;position:relative}
.boardGotwSide:before{content:'';position:absolute;width:128px;height:128px;left:50%;top:40%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(246,200,75,.18),rgba(246,200,75,.04) 45%,transparent 70%);z-index:-1}
.boardGotwSide img{display:block;width:100%;max-width:170px;height:145px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.48))}
.boardGotwSide.away img{transform:scale(1.08) rotate(-2deg)}
.boardGotwSide.home img{transform:scale(1.08) rotate(2deg)}
.boardGotwSide strong{display:block;min-height:32px;color:#fff1bd;font-size:15px;line-height:1.04;font-weight:1000}
.boardGotwVs{width:50px;height:50px;margin:auto;display:flex;align-items:center;justify-content:center;border:1px solid #e4b43b;border-radius:50%;background:radial-gradient(circle at 35% 28%,#433617,#090a0b 70%);box-shadow:0 0 0 4px rgba(246,200,75,.065),0 0 22px rgba(246,200,75,.22)}
.boardGotwVs span{color:#ffe18a;font-size:18px;font-style:italic;font-weight:1000}
.boardGotwMeta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px;color:#8f969f;font-size:8px;font-weight:900;letter-spacing:.11em}
.boardGotwMeta i{width:3px;height:3px;border-radius:50%;background:var(--p60-gold)}
.boardGotwBody{position:relative;z-index:1;padding:0 14px 14px;border-top:1px solid rgba(246,200,75,.22);background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.24))}
.boardGotwPicks{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:13px}
.heroPickTeam{position:relative;appearance:none;min-height:86px;padding:14px 12px 25px;border:1px solid #4b432f;border-radius:14px;background:linear-gradient(180deg,#181714,#0e0f11);color:#f3f4f5;text-align:left}
.heroPickTeam.selected{border-color:#f0c34b;background:linear-gradient(180deg,rgba(246,200,75,.30),rgba(246,200,75,.08)),#12120f;box-shadow:0 0 0 1px rgba(255,230,151,.18) inset,0 8px 24px rgba(211,157,34,.13)}
.heroPickTeam .pickTeamMain{display:flex;align-items:flex-start;gap:6px}
.heroPickTeam .pickTeamMain>b{font-size:15px;line-height:1.06;font-weight:1000}
.heroPickTeam .pickPrice{margin-left:auto;display:flex;align-items:center;gap:4px}
.heroPickTeam .pickPrice i{font-style:normal;font-size:8px;border:1px solid #5b4f2f;border-radius:999px;padding:2px 4px;color:#d4be7e}
.heroPickTeam .pickPrice b{font-size:11px;color:#e7cf88}
.heroPickTeam .pickAction{position:absolute;left:12px;bottom:7px;color:#766c4c;font-size:8px;font-weight:1000;letter-spacing:.11em}
.heroPickTeam.selected .pickAction{color:var(--p60-gold-hi)}
.boardGotwBody .gotwTiebreakerWrap{margin-top:12px!important;padding:13px!important;border:1px solid rgba(246,200,75,.31)!important;border-radius:15px!important;background:linear-gradient(100deg,rgba(246,200,75,.065),transparent 56%),#0c0e10!important}
.boardGotwBody .gotwTiebreakerTitle{color:#ffe294!important}
.boardGotwBody .gotwTiebreakerNote{color:#9ca2aa!important}

/* Standings */
#standings .content>.row:first-child{padding:8px 2px 12px;border-bottom:1px solid rgba(246,200,75,.13)}
#standingsTitle{font-size:29px!important;text-transform:uppercase}
#standings .tabs{gap:7px!important;margin:13px 0!important}
#standings .tab{border:1px solid #343941!important;border-radius:999px!important;background:#0e1013!important}
#standings .tab.active{border-color:#d8a832!important;background:rgba(246,200,75,.11)!important;color:var(--p60-gold-hi)!important}
.rank.me{background:linear-gradient(90deg,rgba(246,200,75,.16),rgba(246,200,75,.04))!important;border:1px solid rgba(246,200,75,.26)!important}

/* Hub repair */
#hub .content{padding-top:12px!important;overflow:visible!important}
#hub .hubPageHero{position:relative!important;min-height:154px!important;margin:0 0 12px!important;padding:20px 18px!important;border:1px solid rgba(246,200,75,.32)!important;border-radius:20px!important;overflow:hidden!important;background:radial-gradient(circle at 100% 0%,rgba(246,200,75,.14),transparent 42%),linear-gradient(180deg,#17140e,#0b0c0e)!important;box-shadow:0 12px 30px rgba(0,0,0,.25)!important}
#hub .hubPageHero>div:first-child{position:relative!important;z-index:2!important;max-width:76%!important}
#hub .hubPageHero .title{margin-top:5px!important;font-size:29px!important;line-height:1.02!important;white-space:normal!important}
#hub .hubPageMark{position:absolute!important;right:12px!important;bottom:-24px!important;top:auto!important;opacity:.065!important;font-size:118px!important;line-height:1!important;color:var(--p60-gold)!important;pointer-events:none!important}
#hub .hubHeroDescriptor0535{margin-top:12px!important;white-space:normal!important;line-height:1.4!important}
#hub .hubHeroTagline0535{margin-top:8px!important;color:var(--p60-gold-hi)!important;font-weight:900!important}
#hub .hubPageTabs{position:static!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0 0 14px!important;padding:5px!important;border:1px solid #2b3037!important;border-radius:14px!important;background:#0a0c0f!important;overflow:visible!important}
#hub .hubPageTab{min-width:0!important;padding:9px 5px!important;border-radius:10px!important;color:#9299a2!important;font-size:10px!important;white-space:nowrap!important}
#hub .hubPageTab.active{background:linear-gradient(180deg,rgba(246,200,75,.18),rgba(246,200,75,.07))!important;color:var(--p60-gold-hi)!important;border-color:rgba(246,200,75,.36)!important}

/* Footer */
.footer{border-top:1px solid rgba(246,200,75,.16)!important;background:rgba(5,6,7,.96)!important;box-shadow:0 -10px 26px rgba(0,0,0,.30)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.footer .nav{color:#7e8690!important}
.footer .nav.active{color:var(--p60-gold)!important;background:linear-gradient(180deg,rgba(246,200,75,.075),transparent)!important}
.footer .nav.active b{color:var(--p60-gold-hi)!important;text-shadow:0 0 12px rgba(246,200,75,.16)}

@media(max-width:390px){
  #picksTitle{font-size:28px!important}
  .boardGotwMatchup{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);min-height:188px}
  .boardGotwSide img{height:128px}
  .boardGotwVs{width:44px;height:44px}
  .boardGotwTitle b{font-size:22px}
  #hub .hubPageHero .title{font-size:26px!important}
}
@media(min-width:900px){
  .boardGotwMatchup{max-width:820px;margin:10px auto 0;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);min-height:300px}
  .boardGotwSide img{max-width:260px;height:230px}
  .boardGotwVs{width:72px;height:72px}
  .boardGotwVs span{font-size:24px}
  .boardMatchupRow{display:grid;grid-template-columns:180px 1fr}
  .boardMatchMeta{grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;border-bottom:0;border-right:1px solid #20252b}
  .boardTime{justify-self:start}
  .boardLock{justify-self:end}
}


/* ===== v0.6.1 BROADCAST POLISH ===== */

/* richer chrome */
.top{
  min-height:92px!important;
  background:
    radial-gradient(circle at 50% -20%,rgba(246,200,75,.11),transparent 46%),
    linear-gradient(180deg,rgba(6,7,8,.995),rgba(5,6,7,.97))!important;
}
.top>.row{
  min-height:92px!important;
}
.brandLockup{
  gap:14px!important;
}
.brandMark{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  box-shadow:
    0 0 0 1px rgba(246,200,75,.35),
    0 0 22px rgba(246,200,75,.11)!important;
}
.brand{
  font-size:27px!important;
  letter-spacing:-.04em!important;
}
.top .sub{
  font-size:9px!important;
  letter-spacing:.11em!important;
  color:#8f8a76!important;
}
#weekPill{
  min-width:74px!important;
  min-height:58px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(246,200,75,.22),transparent 68%),
    linear-gradient(180deg,#16130d,#0d0f12)!important;
  border-color:rgba(246,200,75,.58)!important;
  box-shadow:
    0 0 0 1px rgba(255,230,151,.04) inset,
    0 0 26px rgba(246,200,75,.10)!important;
}

/* make global sections feel intentional */
.screen>.content{
  max-width:980px;
  margin:0 auto;
}
.card{
  background:
    linear-gradient(180deg,rgba(19,21,25,.98),rgba(8,9,11,.99))!important;
}
.title{
  text-shadow:0 1px 0 rgba(255,255,255,.02);
}

/* picks intro */
#picks .picksHeaderRow{
  padding-top:8px!important;
  padding-bottom:12px!important;
}
#picksTitle{
  font-size:33px!important;
}
#picks .stickyPickBar{
  background:
    linear-gradient(90deg,rgba(246,200,75,.08),transparent 38%),
    linear-gradient(180deg,#13161a,#0b0d10)!important;
  border-color:rgba(246,200,75,.28)!important;
}

/* premium day break */
.boardDayHeader{
  margin-top:26px;
}
.boardDayHeader span{
  font-size:13px;
}
.boardDayHeader small{
  color:#8b8f94;
}

/* scoreboard rows */
.boardMatchupRow{
  border-color:#2e333a;
  background:
    linear-gradient(180deg,#12151a,#0a0c0f);
  box-shadow:
    0 8px 22px rgba(0,0,0,.20),
    0 1px 0 rgba(255,255,255,.018) inset;
}
.boardMatchMeta{
  background:
    linear-gradient(180deg,#0e1013,#0a0c0f);
}
.boardPickTeam{
  min-height:88px;
  padding-top:16px;
  padding-bottom:26px;
}
.boardPickTeam .pickTeamMain>b{
  font-size:15px;
}
.boardPickTeam .pickAction{
  bottom:8px;
}
.boardPickTeam:hover:not(:disabled){
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
}
.boardPickTeam.selected{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,228,145,.08),transparent 55%),
    linear-gradient(180deg,rgba(246,200,75,.24),rgba(246,200,75,.07))!important;
}

/* GOTW broadcast hero */
.boardGotwCard{
  margin-top:14px;
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 38%,rgba(246,200,75,.16),transparent 30%),
    linear-gradient(180deg,#111315 0%,#070809 65%,#050607 100%)!important;
  box-shadow:
    0 0 0 1px rgba(255,230,151,.05) inset,
    0 0 32px rgba(218,161,30,.12),
    0 22px 52px rgba(0,0,0,.42)!important;
}
.boardGotwCard:before{
  opacity:.42!important;
  background:
    radial-gradient(circle at 7% 19%,rgba(255,240,192,.30) 0 1px,transparent 2px),
    radial-gradient(circle at 14% 24%,rgba(255,240,192,.18) 0 1px,transparent 2px),
    radial-gradient(circle at 93% 19%,rgba(255,240,192,.30) 0 1px,transparent 2px),
    radial-gradient(circle at 86% 24%,rgba(255,240,192,.18) 0 1px,transparent 2px),
    repeating-linear-gradient(102deg,transparent 0 34px,rgba(255,255,255,.018) 35px 36px);
  background-size:26px 26px,38px 38px,26px 26px,38px 38px,100% 100%;
}
.boardGotwCard:after{
  content:'';
  position:absolute;
  inset:120px 0 auto;
  height:220px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(246,200,75,.08) 13%,transparent 28%),
    linear-gradient(270deg,transparent 0 12%,rgba(246,200,75,.08) 13%,transparent 28%);
  filter:blur(12px);
  opacity:.65;
}

/* crest title */
.boardGotwTitle{
  position:relative;
  width:min(86%,520px);
  margin:14px auto 4px!important;
  padding:18px 18px 20px;
  clip-path:polygon(10% 0,90% 0,100% 22%,94% 82%,50% 100%,6% 82%,0 22%);
  background:
    linear-gradient(180deg,#211b0e 0%,#0f0f0d 62%,#090a0b 100%);
  box-shadow:
    inset 0 0 0 1px rgba(246,200,75,.55),
    inset 0 0 22px rgba(246,200,75,.08),
    0 10px 30px rgba(0,0,0,.30);
}
.boardGotwTitle:before{
  content:'♛';
  position:absolute;
  top:4px;
  left:50%;
  transform:translateX(-50%);
  color:var(--p60-gold-hi);
  font-size:13px;
  text-shadow:0 0 14px rgba(246,200,75,.35);
}
.boardGotwTitle small{
  margin-top:2px;
  color:#9b8c63!important;
}
.boardGotwTitle b{
  font-size:28px!important;
  letter-spacing:.08em!important;
  text-shadow:
    0 2px 16px rgba(0,0,0,.7),
    0 0 20px rgba(246,200,75,.18)!important;
}
.boardGotwTitle:after{
  content:'CFB';
  position:absolute;
  left:50%;
  bottom:6px;
  transform:translateX(-50%);
  color:#c8aa61;
  font-size:7px;
  font-weight:950;
  letter-spacing:.16em;
}

/* larger helmet stage */
.boardGotwMatchup{
  min-height:242px!important;
  margin-top:10px!important;
}
.boardGotwSide:before{
  width:160px!important;
  height:160px!important;
  top:40%!important;
  background:
    radial-gradient(circle,rgba(246,200,75,.22),rgba(246,200,75,.055) 44%,transparent 72%)!important;
}
.boardGotwSide img{
  max-width:190px!important;
  height:168px!important;
  filter:
    drop-shadow(0 16px 16px rgba(0,0,0,.52))
    drop-shadow(0 0 14px rgba(246,200,75,.06))!important;
}
.boardGotwSide.away img{
  transform:scale(1.12) rotate(-2deg)!important;
}
.boardGotwSide.home img{
  transform:scale(1.12) rotate(2deg)!important;
}
.boardGotwSide strong{
  margin-top:6px;
  font-size:17px!important;
  letter-spacing:-.025em;
}
.boardGotwVs{
  width:58px!important;
  height:58px!important;
  border-width:2px!important;
  box-shadow:
    0 0 0 5px rgba(246,200,75,.07),
    0 0 26px rgba(246,200,75,.30)!important;
}
.boardGotwVs span{
  font-size:20px!important;
}
.boardGotwMeta{
  margin-top:10px!important;
  padding-top:10px;
  border-top:1px solid rgba(246,200,75,.14);
  color:#a29a84!important;
}

/* pick panels feel like CTA blocks */
.heroPickTeam{
  min-height:94px!important;
  background:
    linear-gradient(180deg,#191814,#0d0f11)!important;
}
.heroPickTeam.selected{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,228,145,.10),transparent 55%),
    linear-gradient(180deg,rgba(246,200,75,.34),rgba(246,200,75,.09)),
    #12120f!important;
}
.heroPickTeam .pickTeamMain>b{
  font-size:16px!important;
}

/* hub + standings + menu closer to same broadcast language */
#standings .content>.row:first-child,
#hub .hubPageHero,
#more .content>.row:first-child,
#league .content>.row:first-child,
#alerts .content>.row:first-child,
#account .content>.row:first-child{
  position:relative;
}
#standings .content>.row:first-child:before,
#more .content>.row:first-child:before,
#league .content>.row:first-child:before,
#alerts .content>.row:first-child:before,
#account .content>.row:first-child:before{
  content:'';
  position:absolute;
  left:0;
  bottom:-1px;
  width:76px;
  height:2px;
  background:linear-gradient(90deg,var(--p60-gold),transparent);
}
#hub .hubPageHero{
  min-height:170px!important;
  padding-top:24px!important;
}
#hub .hubPageHero .title{
  font-size:31px!important;
  max-width:78%!important;
}

/* bottom chrome */
.footer{
  background:
    linear-gradient(180deg,rgba(8,9,10,.94),rgba(4,5,6,.99))!important;
}
.footer .nav.active{
  position:relative;
}
.footer .nav.active:before{
  content:'';
  position:absolute;
  top:0;
  left:24%;
  right:24%;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--p60-gold),transparent);
}

@media(max-width:390px){
  .boardGotwTitle{width:92%}
  .boardGotwTitle b{font-size:24px!important}
  .boardGotwMatchup{min-height:214px!important}
  .boardGotwSide img{height:148px!important}
  .boardGotwSide strong{font-size:15px!important}
}


/* ===== v0.6.2 COMPOSITION PASS ===== */

/* Center the brand like a broadcast masthead, keep week context secondary */
.top>.row{
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  padding-left:86px!important;
  padding-right:86px!important;
}
.brandLockup{
  margin:0 auto!important;
  justify-content:center!important;
  text-align:left!important;
}
#weekPill{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.brand{
  font-size:29px!important;
}
.brandMark{
  flex:0 0 auto!important;
}
.top .sub{
  max-width:220px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* GOTW gets more of the viewport and less empty framing */
.boardGotwHero{
  padding:13px 12px 18px!important;
}
.boardGotwTopline{
  padding:0 3px;
}
.boardGotwTitle{
  width:min(92%,560px)!important;
  padding:20px 16px 22px!important;
}
.boardGotwTitle b{
  font-size:30px!important;
  line-height:.92!important;
}
.boardGotwMatchup{
  min-height:274px!important;
  grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)!important;
  margin-top:0!important;
}
.boardGotwSide img{
  max-width:215px!important;
  height:190px!important;
}
.boardGotwSide:before{
  width:178px!important;
  height:178px!important;
}
.boardGotwSide strong{
  font-size:18px!important;
  text-transform:uppercase;
  letter-spacing:-.015em!important;
}
.boardGotwVs{
  width:62px!important;
  height:62px!important;
}
.boardGotwVs span{
  font-size:22px!important;
}
.boardGotwMeta{
  margin:4px 7px 0!important;
  padding:11px 0 1px!important;
  justify-content:space-around!important;
}

/* Picks are one clean decision strip instead of box-within-box */
.boardMatchupRow{
  border-radius:14px!important;
}
.boardMatchMeta{
  min-height:37px;
  padding:8px 10px!important;
}
.boardMatchTeams{
  position:relative;
}
.boardMatchTeams:after{
  content:'VS';
  position:absolute;
  left:50%;
  top:17px;
  transform:translateX(-50%);
  z-index:2;
  padding:2px 5px;
  border-radius:999px;
  background:#0b0d10;
  color:#69717b;
  font-size:7px;
  font-weight:1000;
  letter-spacing:.06em;
  pointer-events:none;
}
.boardPickTeam{
  min-height:78px!important;
  padding:13px 12px 23px!important;
}
.boardPickTeam.away{
  padding-right:20px!important;
}
.boardPickTeam.home{
  padding-left:20px!important;
}
.boardPickTeam .pickTeamMain>b{
  font-size:14px!important;
}
.boardPickTeam .pickAction{
  bottom:6px!important;
}
.boardPickTeam.selected:before{
  box-shadow:inset 0 0 0 1px rgba(240,195,75,.90),inset 0 0 22px rgba(246,200,75,.035)!important;
}

/* GOTW choice controls are secondary to the spectacle */
.boardGotwPicks{
  gap:8px!important;
}
.heroPickTeam{
  min-height:82px!important;
  padding:13px 11px 24px!important;
}
.heroPickTeam .pickTeamMain>b{
  font-size:15px!important;
}

/* Hub hard repair: never clip the command-center title */
#hub .hubPageHero{
  min-height:184px!important;
  overflow:hidden!important;
}
#hub .hubPageHero>div:first-child{
  max-width:100%!important;
  width:100%!important;
  padding-right:66px!important;
  box-sizing:border-box!important;
}
#hub .hubPageHero .title{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:28px!important;
  line-height:1.05!important;
}
#hub .hubHeroDescriptor0535{
  max-width:100%!important;
  padding-right:10px!important;
}
#hub .hubPageMark{
  right:-2px!important;
  bottom:-32px!important;
  font-size:128px!important;
  opacity:.05!important;
}

/* Give Hub's tabs more room on phone */
#hub .hubPageTabs{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#hub .hubPageTab{
  font-size:9px!important;
  letter-spacing:.01em!important;
}

/* Home and standings spacing now match the board */
#home .content,
#standings .content,
#hub .content,
#more .content{
  padding-left:14px!important;
  padding-right:14px!important;
}
#home .premiumHero{
  padding-left:16px!important;
  padding-right:16px!important;
}

/* bottom nav closer to mockup: less pill, more broadcast rail */
.footer .nav{
  min-height:58px!important;
}
.footer .nav.active{
  background:transparent!important;
}
.footer .nav.active:before{
  left:16%!important;
  right:16%!important;
  height:2px!important;
  box-shadow:0 0 10px rgba(246,200,75,.28);
}

@media(max-width:430px){
  .top>.row{
    padding-left:12px!important;
    padding-right:82px!important;
    justify-content:flex-start!important;
  }
  .brandLockup{
    margin:0!important;
    justify-content:flex-start!important;
  }
  .brand{font-size:26px!important}
  .brandMark{width:42px!important;height:42px!important}
  #weekPill{right:10px!important;min-width:66px!important}
  .boardGotwTitle{width:95%!important}
  .boardGotwTitle b{font-size:25px!important}
  .boardGotwMatchup{
    min-height:238px!important;
    grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)!important;
  }
  .boardGotwSide img{
    max-width:180px!important;
    height:164px!important;
  }
  .boardGotwSide:before{
    width:148px!important;
    height:148px!important;
  }
  .boardGotwSide strong{
    font-size:15px!important;
  }
  .boardGotwVs{
    width:50px!important;
    height:50px!important;
  }
  .boardGotwVs span{font-size:18px!important}
  #hub .hubPageHero>div:first-child{
    padding-right:42px!important;
  }
  #hub .hubPageHero .title{
    font-size:27px!important;
  }
}


/* ===== premium-v0630.css ===== */
/* 30PICK'EM v0.6.3 — broadcast system */

body{
  background:
    radial-gradient(circle at 50% -12%,rgba(246,200,75,.085),transparent 26%),
    linear-gradient(180deg,#070809 0%,#040506 100%)!important;
}
.app{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 30%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.007) 0 1px,transparent 1px 46px);
}

/* ===== BROADCAST MASTHEAD ===== */
.top{
  min-height:96px!important;
  background:
    radial-gradient(circle at 50% -20%,rgba(246,200,75,.14),transparent 48%),
    linear-gradient(180deg,rgba(6,7,8,.998),rgba(5,6,7,.965))!important;
  border-bottom:1px solid rgba(246,200,75,.24)!important;
}
.top>.premiumMasthead{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr minmax(180px,340px) 1fr!important;
  align-items:center!important;
  gap:18px!important;
  min-height:96px!important;
  max-width:1080px!important;
  margin:0 auto!important;
  padding:10px 96px 10px!important;
}
.broadcastBrandLockup{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important;
  text-align:center!important;
}
.broadcastCrown{
  color:#f9d765;
  font-size:17px;
  line-height:1;
  margin-bottom:-2px;
  text-shadow:0 0 14px rgba(246,200,75,.38);
}
.broadcastWordmark{
  display:block;
  width:min(270px,100%);
  max-height:54px;
  object-fit:contain;
  filter:drop-shadow(0 5px 16px rgba(0,0,0,.48));
}
.broadcastBrandLockup #topSub{
  margin-top:-2px!important;
  color:#b09a5a!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.27em!important;
  white-space:nowrap;
}
.mastheadAside{
  color:#8e8b84;
  font-size:7px;
  font-weight:800;
  letter-spacing:.20em;
  line-height:1.45;
  text-transform:uppercase;
}
.mastheadAside span,.mastheadAside b{display:block}
.mastheadAside b{
  color:#d6c99c;
  font-weight:950;
}
.mastheadAsideLeft{text-align:left}
.mastheadAsideRight{text-align:right}
#weekPill{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px;
  min-width:68px!important;
  min-height:60px!important;
  padding:7px 9px!important;
  border:1px solid rgba(246,200,75,.52)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(246,200,75,.20),transparent 65%),
    linear-gradient(180deg,#16130d,#0c0e10)!important;
  color:#ffe292!important;
  box-shadow:0 0 24px rgba(246,200,75,.10),inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
#weekPill .weekLabel{
  font-size:7px!important;
  letter-spacing:.18em!important;
  line-height:1!important;
}
#weekPill .weekNum{
  font-size:23px!important;
  line-height:1!important;
  font-weight:1000!important;
}

/* ===== BOARD NAV ===== */
.broadcastBoardNav{
  position:sticky;
  top:96px;
  z-index:34;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  width:100%;
  max-width:980px;
  margin:0 auto;
  padding:0 14px;
  background:linear-gradient(180deg,rgba(5,6,7,.985),rgba(5,6,7,.94));
  border-bottom:1px solid rgba(246,200,75,.16);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.broadcastBoardNav button{
  position:relative;
  appearance:none;
  border:0;
  background:transparent;
  color:#92979e;
  padding:13px 4px 12px;
  font:inherit;
  font-size:10px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
}
.broadcastBoardNav button.active{
  color:#ffe08a;
}
.broadcastBoardNav button.active:after{
  content:'';
  position:absolute;
  left:12%;
  right:12%;
  bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,transparent,#f6c84b,transparent);
  box-shadow:0 0 12px rgba(246,200,75,.35);
}

/* ===== PICKS HEADER ===== */
#picks>.content{
  padding-top:12px!important;
}
#picks .picksHeaderRow{
  display:flex!important;
  align-items:end!important;
  padding:6px 1px 11px!important;
  border-bottom:1px solid rgba(246,200,75,.13)!important;
}
#picks .boardKicker{
  color:#c9a53c!important;
}
#picksTitle{
  font-size:30px!important;
  letter-spacing:-.045em!important;
}
#saveMode{font-size:10px!important}
#pickCount{
  border-radius:999px!important;
  padding:8px 11px!important;
}
#picks .stickyPickBar{
  position:static!important;
  margin:10px 0 8px!important;
  min-height:52px!important;
  background:
    linear-gradient(90deg,rgba(246,200,75,.075),transparent 45%),
    linear-gradient(180deg,#111419,#0a0c0f)!important;
}

/* ===== GAME OF THE WEEK ===== */
.boardGotwCard{
  position:relative;
  isolation:isolate;
  margin:12px 0 28px!important;
  border:1px solid rgba(249,204,78,.80)!important;
  border-radius:24px!important;
  background:#08090a!important;
  box-shadow:
    0 0 0 1px rgba(255,231,154,.05) inset,
    0 0 34px rgba(218,161,30,.12),
    0 22px 54px rgba(0,0,0,.46)!important;
}
.boardGotwCard:before{
  content:'';
  position:absolute;
  inset:-1px;
  z-index:-2;
  border-radius:inherit;
  background:linear-gradient(125deg,rgba(255,229,150,.52),rgba(246,200,75,.08) 22%,rgba(246,200,75,.26) 55%,rgba(255,229,150,.52));
  opacity:.42;
}
.boardGotwHero{
  position:relative;
  overflow:hidden;
  padding:0 12px 16px!important;
  background-image:
    linear-gradient(180deg,rgba(4,5,6,.10) 0%,rgba(4,5,6,.15) 50%,rgba(4,5,6,.80) 100%),
    url('/assets/broadcast-stadium.svg')!important;
  background-size:cover!important;
  background-position:center top!important;
}
.boardGotwHero:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 50% 47%,rgba(246,200,75,.07),transparent 28%),
    linear-gradient(90deg,rgba(0,0,0,.38),transparent 16%,transparent 84%,rgba(0,0,0,.38));
}
.boardGotwHero>*{position:relative;z-index:1}

.boardGotwBroadcastRail{
  display:grid;
  grid-template-columns:1fr 1.6fr 1fr;
  align-items:start;
  gap:8px;
  min-height:64px;
  padding:14px 2px 0;
}
.boardGotwWeekRail{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  color:#aeb2b7;
  font-size:8px;
  line-height:1.35;
  letter-spacing:.10em;
}
.boardGotwWeekRail b{
  color:#ffe08a;
  font-size:11px;
  letter-spacing:.07em;
}
.boardGotwWeekRail small{color:#7e858e}
.boardGotwPresents{
  padding-top:3px;
  text-align:center;
  color:#9a8755;
  font-size:7px;
  font-weight:950;
  letter-spacing:.21em;
}
.boardGotwSlogan{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding-top:2px;
  color:#888e96;
  font-size:7px;
  letter-spacing:.14em;
  line-height:1.35;
}
.boardGotwSlogan b{
  color:#d6c998;
  font-size:9px;
  font-weight:950;
}

.boardGotwTitle{
  position:relative!important;
  width:min(90%,560px)!important;
  margin:-8px auto 2px!important;
  padding:20px 16px 23px!important;
  text-align:center!important;
  clip-path:polygon(9% 0,91% 0,100% 20%,94% 80%,50% 100%,6% 80%,0 20%)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(246,200,75,.14),transparent 62%),
    linear-gradient(180deg,#211b0d 0%,#11110e 57%,#08090a 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(246,200,75,.66),
    inset 0 0 28px rgba(246,200,75,.07),
    0 12px 28px rgba(0,0,0,.42)!important;
}
.boardGotwTitle:before{
  content:'♛'!important;
  position:absolute!important;
  top:4px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  color:#ffe28d!important;
  font-size:14px!important;
}
.boardGotwTitle small{
  display:block!important;
  margin-top:1px!important;
  color:#a99357!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.23em!important;
}
.boardGotwTitle b{
  display:block!important;
  margin-top:7px!important;
  color:#fff0b1!important;
  font-size:28px!important;
  line-height:.90!important;
  font-weight:1000!important;
  letter-spacing:.075em!important;
  text-shadow:0 3px 16px rgba(0,0,0,.70),0 0 20px rgba(246,200,75,.18)!important;
}
.boardGotwTitle:after{
  content:'CFB'!important;
  position:absolute!important;
  left:50%!important;
  bottom:6px!important;
  transform:translateX(-50%)!important;
  color:#c5a659!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
}

.boardGotwMatchup{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;
  align-items:center!important;
  gap:2px!important;
  min-height:260px!important;
  margin:-2px 0 0!important;
}
.boardGotwSide{
  position:relative!important;
  min-width:0!important;
  text-align:center!important;
}
.boardGotwSide:before{
  content:''!important;
  position:absolute!important;
  width:170px!important;
  height:170px!important;
  left:50%!important;
  top:39%!important;
  transform:translate(-50%,-50%)!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(246,200,75,.25),rgba(246,200,75,.055) 42%,transparent 70%)!important;
  filter:blur(2px)!important;
}
.boardGotwSide img{
  display:block!important;
  width:100%!important;
  max-width:210px!important;
  height:188px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 18px 15px rgba(0,0,0,.55))
    drop-shadow(0 0 12px rgba(246,200,75,.06))!important;
}
.boardGotwSide.away img{transform:scale(1.12) rotate(-2deg)!important}
.boardGotwSide.home img{transform:scale(1.12) rotate(2deg)!important}
.boardGotwSide strong{
  display:block!important;
  margin-top:2px!important;
  min-height:35px!important;
  color:#fff0b0!important;
  font-size:17px!important;
  line-height:1.02!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:-.02em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.65)!important;
}
.boardGotwVs{
  width:56px!important;
  height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:auto!important;
  border:2px solid #e9ba43!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 36% 30%,#4a3a16,#090a0b 70%)!important;
  box-shadow:
    0 0 0 5px rgba(246,200,75,.08),
    0 0 28px rgba(246,200,75,.34)!important;
}
.boardGotwVs span{
  color:#ffe28e!important;
  font-size:20px!important;
  font-style:italic!important;
  font-weight:1000!important;
}

.boardGotwFeatureStrip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:1px 0 0;
  padding:12px 2px 11px;
  border-top:1px solid rgba(246,200,75,.24);
  border-bottom:1px solid rgba(246,200,75,.18);
  background:rgba(4,5,6,.42);
}
.boardGotwFeatureStrip>div{
  min-width:0;
  padding:0 7px;
  text-align:center;
  border-right:1px solid rgba(246,200,75,.20);
}
.boardGotwFeatureStrip>div:last-child{border-right:0}
.boardGotwFeatureStrip span{
  display:block;
  color:#f5cf64;
  font-size:17px;
  line-height:1;
}
.boardGotwFeatureStrip b{
  display:block;
  margin-top:5px;
  color:#e2e4e7;
  font-size:7px;
  line-height:1.1;
  letter-spacing:.08em;
}
.boardGotwFeatureStrip small{
  display:block;
  margin-top:4px;
  color:#777f88;
  font-size:6px;
  line-height:1.2;
  letter-spacing:.05em;
}

.boardGotwActionRail{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:13px 2px 2px;
  min-height:58px;
  border:1px solid #f1c451;
  border-radius:14px;
  background:
    linear-gradient(180deg,#ffe28b,#d7a42c);
  color:#08090a;
  box-shadow:
    inset 0 0 0 2px rgba(255,246,208,.24),
    0 0 20px rgba(246,200,75,.15);
}
.boardGotwActionRail b{
  font-size:20px;
  font-weight:1000;
  font-style:italic;
  letter-spacing:-.025em;
}
.boardGotwActionRail span{
  font-size:32px;
  line-height:1;
  font-weight:700;
}
.boardGotwMeta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:10px 0 0!important;
  color:#817f76!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.boardGotwMeta i{
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:#f6c84b!important;
}

.boardGotwBody{
  position:relative!important;
  z-index:2!important;
  padding:13px 13px 14px!important;
  border-top:1px solid rgba(246,200,75,.25)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(246,200,75,.04),transparent 40%),
    linear-gradient(180deg,#0a0c0f,#070809)!important;
}
.boardGotwPicks{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:0!important;
}
.heroPickTeam{
  min-height:82px!important;
  border-color:#4b422d!important;
  background:linear-gradient(180deg,#171714,#0d0f11)!important;
}
.heroPickTeam.selected{
  border-color:#f0c34d!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,231,153,.10),transparent 58%),
    linear-gradient(180deg,rgba(246,200,75,.32),rgba(246,200,75,.08)),
    #11120f!important;
}

/* ===== REGULAR GAME TICKER ROWS ===== */
.boardDayHeader{
  margin:24px 0 9px!important;
}
.boardMatchupRow{
  margin:7px 0!important;
  border:1px solid #2d3239!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#101216,#090b0e)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
.boardMatchMeta{
  display:grid!important;
  grid-template-columns:auto auto 1fr auto!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 10px!important;
  border-bottom:1px solid #22272e!important;
  background:#0a0c0f!important;
}
.boardPickNumber{
  color:#d8b14b!important;
}
.boardSport{
  color:#b9bec5!important;
}
.boardTime{
  color:#8f969f!important;
}
.boardLock{
  padding:4px 7px!important;
  border-color:#333941!important;
}
.boardMatchTeams{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
}
.boardMatchTeams:after{
  content:'VS'!important;
  position:absolute!important;
  left:50%!important;
  top:16px!important;
  transform:translateX(-50%)!important;
  z-index:3!important;
  padding:2px 5px!important;
  border-radius:999px!important;
  background:#0b0d10!important;
  color:#656d76!important;
  font-size:7px!important;
  font-weight:1000!important;
}
.boardPickTeam{
  min-height:73px!important;
  padding:12px 12px 22px!important;
  background:transparent!important;
}
.boardPickTeam.away{padding-right:18px!important}
.boardPickTeam.home{padding-left:18px!important}
.boardPickTeam+.boardPickTeam{
  border-left:1px solid #262b32!important;
}
.boardPickTeam .pickTeamMain>b{
  font-size:14px!important;
  line-height:1.05!important;
}
.boardPickTeam .pickAction{
  bottom:6px!important;
  font-size:7px!important;
}
.boardPickTeam.selected{
  background:
    linear-gradient(180deg,rgba(246,200,75,.23),rgba(246,200,75,.06))!important;
}
.boardPickTeam.selected:before{
  box-shadow:inset 0 0 0 1px rgba(240,195,75,.88)!important;
}

/* ===== HOME / STANDINGS / HUB / MENU BROADCAST POLISH ===== */
#home .premiumHero{
  position:relative!important;
  border-bottom:1px solid rgba(246,200,75,.12)!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(246,200,75,.11),transparent 34%)!important;
}
#home .premiumHero:after{
  content:'';
  position:absolute;
  left:16px;
  bottom:-1px;
  width:80px;
  height:2px;
  background:linear-gradient(90deg,#f6c84b,transparent);
}
#home .premiumHero h1{
  font-size:33px!important;
  line-height:.98!important;
}
#home .content .card,
#standings .card,
#hub .card,
#more .card{
  border-color:rgba(246,200,75,.14)!important;
  background:
    linear-gradient(180deg,rgba(17,19,23,.98),rgba(8,9,11,.99))!important;
}
#standingsList{
  overflow:hidden!important;
}
#standingsList .rank{
  border-bottom-color:#252a31!important;
}
#standingsList .rank.me{
  background:
    linear-gradient(90deg,rgba(246,200,75,.16),rgba(246,200,75,.04))!important;
}
#hub .hubPageHero{
  background-image:
    linear-gradient(90deg,rgba(8,9,10,.84),rgba(8,9,10,.55)),
    url('/assets/broadcast-stadium.svg')!important;
  background-size:cover!important;
  background-position:center 34%!important;
  border-color:rgba(246,200,75,.36)!important;
}
#hub .hubPageHero .title{
  color:#fff3c3!important;
}
#hub .hubPageTabs{
  background:#080a0d!important;
}
#hub .hubPageTab.active{
  box-shadow:inset 0 0 0 1px rgba(255,229,151,.06)!important;
}
#more .commissionerRow,
#league .commissionerRow{
  border-bottom-color:#252a31!important;
}
#more .content>.row:first-child,
#league .content>.row:first-child,
#account .content>.row:first-child,
#alerts .content>.row:first-child{
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(246,200,75,.12)!important;
}

/* ===== FOOTER RAIL ===== */
.footer{
  min-height:72px!important;
  background:
    linear-gradient(180deg,rgba(7,8,9,.97),rgba(3,4,5,.995))!important;
  border-top:1px solid rgba(246,200,75,.18)!important;
}
.footer .nav{
  min-height:62px!important;
  padding-top:8px!important;
}
.footer .nav b{
  font-size:16px!important;
}
.footer .nav.active{
  color:#f6c84b!important;
}
.footer .nav.active:before{
  content:''!important;
  position:absolute!important;
  left:20%!important;
  right:20%!important;
  top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,#f6c84b,transparent)!important;
  box-shadow:0 0 10px rgba(246,200,75,.30)!important;
}

/* ===== MOBILE COMPOSITION ===== */
@media(max-width:700px){
  .top>.premiumMasthead{
    display:flex!important;
    justify-content:flex-start!important;
    min-height:88px!important;
    padding:8px 82px 8px 12px!important;
  }
  .mastheadAside{display:none!important}
  .broadcastBrandLockup{
    align-items:flex-start!important;
    text-align:left!important;
  }
  .broadcastCrown{
    position:absolute;
    top:-2px;
    left:50%;
    transform:translateX(-50%);
  }
  .broadcastWordmark{
    width:190px!important;
    max-height:44px!important;
  }
  .broadcastBrandLockup #topSub{
    padding-left:2px;
    font-size:6px!important;
    letter-spacing:.20em!important;
  }
  #weekPill{
    right:9px!important;
    min-width:64px!important;
    min-height:56px!important;
  }
  .broadcastBoardNav{
    top:88px!important;
    padding:0 8px!important;
  }
  .broadcastBoardNav button{
    font-size:8px!important;
    padding:11px 2px 10px!important;
    letter-spacing:.035em!important;
  }
  .boardGotwBroadcastRail{
    min-height:57px!important;
    grid-template-columns:1fr .9fr 1fr!important;
  }
  .boardGotwPresents{
    font-size:6px!important;
    letter-spacing:.13em!important;
  }
  .boardGotwTitle{
    width:96%!important;
    margin:-7px auto 0!important;
    padding:18px 12px 21px!important;
  }
  .boardGotwTitle b{
    font-size:23px!important;
    letter-spacing:.065em!important;
  }
  .boardGotwMatchup{
    grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;
    min-height:222px!important;
  }
  .boardGotwSide img{
    max-width:170px!important;
    height:150px!important;
  }
  .boardGotwSide:before{
    width:145px!important;
    height:145px!important;
  }
  .boardGotwSide strong{
    font-size:14px!important;
  }
  .boardGotwVs{
    width:46px!important;
    height:46px!important;
  }
  .boardGotwVs span{font-size:17px!important}
  .boardGotwFeatureStrip{
    padding:10px 0!important;
  }
  .boardGotwFeatureStrip>div{
    padding:0 4px!important;
  }
  .boardGotwFeatureStrip span{font-size:14px!important}
  .boardGotwFeatureStrip b{font-size:6px!important}
  .boardGotwFeatureStrip small{font-size:5px!important}
  .boardGotwActionRail{
    min-height:52px!important;
    margin-top:11px!important;
  }
  .boardGotwActionRail b{font-size:17px!important}
  .boardGotwActionRail span{font-size:28px!important}
  .boardGotwMeta{
    font-size:6px!important;
  }
  #home .premiumHero h1{font-size:29px!important}
}

@media(max-width:390px){
  .broadcastWordmark{width:165px!important}
  .broadcastBoardNav button{font-size:7px!important}
  .boardGotwWeekRail{font-size:7px!important}
  .boardGotwWeekRail b{font-size:9px!important}
  .boardGotwSlogan{font-size:6px!important}
  .boardGotwTitle b{font-size:21px!important}
  .boardGotwMatchup{min-height:205px!important}
  .boardGotwSide img{height:138px!important}
  .boardGotwSide strong{font-size:13px!important}
  .boardGotwActionRail b{font-size:16px!important}
}


/* ===== premium-v0640.css ===== */
/* 30PICK'EM v0.6.4 — premium flow pass */

/* Crownless identity */
.broadcastCrown,
.premiumTopCrown,
.gotwCrown0552,
.premiumHubCrown0555{
  display:none!important;
}
.boardGotwTitle:before{
  content:'30'!important;
  position:absolute!important;
  top:4px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:16px!important;
  border:1px solid rgba(246,200,75,.58)!important;
  border-radius:999px!important;
  background:#0b0c0e!important;
  color:#ffe08a!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  box-shadow:0 0 14px rgba(246,200,75,.16)!important;
}

/* Mobile masthead now mirrors the broadcast reference:
   hamburger | centered wordmark | account */
.mastheadIcon{
  display:none;
}
@media(max-width:700px){
  .top>.premiumMasthead{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 46px!important;
    gap:6px!important;
    min-height:88px!important;
    padding:7px 10px!important;
    align-items:center!important;
  }
  .mastheadAside,
  #weekPill{
    display:none!important;
  }
  .mastheadIcon{
    appearance:none;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid rgba(246,200,75,.26)!important;
    border-radius:50%!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(246,200,75,.10),transparent 65%),
      #0a0c0f!important;
    color:#e7c75f!important;
    font:inherit!important;
    font-size:21px!important;
    line-height:1!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  }
  .mastheadMenuButton{
    grid-column:1;
    font-size:23px!important;
    border-radius:12px!important;
  }
  .mastheadAccountButton{
    grid-column:3;
    font-size:13px!important;
  }
  .broadcastBrandLockup{
    grid-column:2;
    grid-row:1;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:center!important;
  }
  .broadcastWordmark{
    width:min(210px,100%)!important;
    max-height:48px!important;
    object-position:center!important;
  }
  .broadcastBrandLockup #topSub{
    width:100%;
    margin-top:-2px!important;
    padding:0!important;
    text-align:center!important;
    font-size:6px!important;
    letter-spacing:.19em!important;
    white-space:nowrap!important;
  }
  .broadcastBoardNav{
    top:88px!important;
  }
}

/* Let the hero be the first thing that matters */
#picks .stickyPickBar{
  display:none!important;
}
#picks>.content{
  padding-top:9px!important;
}
#picks .picksHeaderRow{
  margin-bottom:8px!important;
  padding:5px 1px 9px!important;
}
#picksTitle{
  font-size:25px!important;
}
#picks #saveMode{
  font-size:9px!important;
  color:#777e87!important;
}
#pickCount{
  padding:7px 10px!important;
  font-size:10px!important;
}

/* GOTW owns the top of the Board */
.boardGotwCard{
  margin-top:7px!important;
  margin-bottom:20px!important;
}
.boardGotwHero{
  min-height:0!important;
}
.boardGotwBroadcastRail{
  padding-top:11px!important;
}
.boardGotwTitle{
  margin-top:-10px!important;
}
.boardGotwMatchup{
  min-height:248px!important;
}
.boardGotwActionRail{
  cursor:pointer!important;
  transition:transform .14s ease,filter .14s ease!important;
}
.boardGotwActionRail:active{
  transform:scale(.985)!important;
  filter:brightness(.96)!important;
}

/* This Week's Games — now a real section break like the mockup */
.boardSlateHeader{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin:24px 0 10px;
  padding:0 2px 9px;
  border-bottom:1px solid rgba(246,200,75,.20);
  position:relative;
}
.boardSlateHeader:after{
  content:'';
  position:absolute;
  left:0;
  bottom:-1px;
  width:88px;
  height:2px;
  background:linear-gradient(90deg,#f6c84b,transparent);
  box-shadow:0 0 10px rgba(246,200,75,.16);
}
.boardSlateHeader>div{
  min-width:0;
}
.boardSlateHeader span{
  display:block;
  color:#fff0b7;
  font-size:15px;
  line-height:1;
  font-weight:1000;
  font-style:italic;
  letter-spacing:-.02em;
}
.boardSlateHeader small{
  display:block;
  margin-top:5px;
  color:#727983;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}
.boardSlateHeader>b{
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid #38342a;
  border-radius:9px;
  background:#0b0d10;
  color:#bda65f;
  font-size:8px;
  letter-spacing:.10em;
}

/* Team identities — logo-like marks without loading another asset library */
.pickTeamMark{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  margin-top:-3px;
  border:1px solid #3a4048;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.055),transparent 55%),
    #111419;
  color:#c7cbd1;
  font-size:8px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.03em;
}
.boardPickTeam.selected .pickTeamMark,
.heroPickTeam.selected .pickTeamMark{
  border-color:#d4a62e;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,236,175,.18),transparent 55%),
    #19150b;
  color:#ffe08a;
  box-shadow:0 0 12px rgba(246,200,75,.10);
}
.boardPickTeam .favoriteTeamStar,
.heroPickTeam .favoriteTeamStar{
  position:absolute;
  right:7px;
  top:7px;
  margin:0!important;
}
.boardPickTeam .pickTeamMain,
.heroPickTeam .pickTeamMain{
  align-items:center!important;
}

/* Ticker rows get less boxy and more sports-broadcast */
.boardMatchupRow{
  border-radius:12px!important;
  overflow:hidden!important;
}
.boardMatchMeta{
  min-height:31px!important;
  padding:6px 9px!important;
}
.boardPickTeam{
  min-height:70px!important;
  padding-top:11px!important;
  padding-bottom:20px!important;
}
.boardPickTeam .pickTeamMain>b{
  font-size:13px!important;
}
.boardPickTeam .pickPrice{
  margin-left:auto!important;
}
.boardPickTeam .pickAction{
  left:44px!important;
}
.boardMatchTeams:after{
  top:14px!important;
}

/* Standings feel like a leaderboard, not a data table */
#standingsList{
  border-radius:16px!important;
}
#standingsList .rank{
  min-height:49px!important;
  background:#0b0d10!important;
}
#standingsList .rank:nth-child(1),
#standingsList .rank:nth-child(2),
#standingsList .rank:nth-child(3){
  background:
    linear-gradient(90deg,rgba(246,200,75,.07),transparent 52%),
    #0b0d10!important;
}
#standingsList .rank:nth-child(1){
  border-left:2px solid #f6c84b!important;
}
#standingsList .rank:nth-child(2){
  border-left:2px solid #b5bac1!important;
}
#standingsList .rank:nth-child(3){
  border-left:2px solid #a8753d!important;
}

/* Hard-stop the legacy Hub headline fight */
#hub .hubPageHero .title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding-right:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-size:28px!important;
  line-height:1.02!important;
}
#hub .hubPageHero>div:first-child{
  max-width:100%!important;
  padding-right:54px!important;
}
#hub .hubHeroSub0533,
#hub .hubHeroDescriptor0535{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Menu/Account surfaces: more like a premium control panel */
#more .content>.row:first-child,
#account .content>.row:first-child,
#league .content>.row:first-child,
#alerts .content>.row:first-child{
  margin-bottom:10px!important;
}
#more .commissionerRow,
#account .commissionerRow,
#league .commissionerRow,
#alerts .commissionerRow{
  position:relative;
  min-height:58px;
  padding-left:14px!important;
}
#more .commissionerRow:before,
#account .commissionerRow:before,
#league .commissionerRow:before,
#alerts .commissionerRow:before{
  content:'';
  position:absolute;
  left:0;
  top:15px;
  width:3px;
  height:24px;
  border-radius:999px;
  background:linear-gradient(180deg,#f6c84b,rgba(246,200,75,.15));
  opacity:.50;
}
#more .commissionerRow b,
#account .commissionerRow b,
#league .commissionerRow b{
  color:#eceef1;
}
#more .commissionerRow .small,
#account .commissionerRow .small,
#league .commissionerRow .small{
  color:#777f89!important;
}

/* Home cards get a stronger broadcast hierarchy */
#home #leagueCard{
  border-color:rgba(246,200,75,.26)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(246,200,75,.08),transparent 36%),
    linear-gradient(180deg,#14161a,#090b0d)!important;
}
#home #leagueCard .metric{
  border-color:#2d3239!important;
  background:#0b0d10!important;
}
#home #leagueCard .metric b{
  color:#ffe08a!important;
}
#home .latestRecapCard{
  overflow:hidden;
}

/* Slightly more room for tap targets */
.footer .nav{
  min-height:64px!important;
}

@media(max-width:390px){
  .broadcastWordmark{
    width:min(184px,100%)!important;
  }
  .mastheadIcon{
    width:39px!important;
    height:39px!important;
  }
  .boardGotwMatchup{
    min-height:212px!important;
  }
  .boardGotwSide img{
    height:144px!important;
  }
  .boardSlateHeader span{
    font-size:14px!important;
  }
  .pickTeamMark{
    flex-basis:25px;
    width:25px;
    height:25px;
    font-size:7px;
  }
  .boardPickTeam .pickAction{
    left:40px!important;
  }
}


/* ===== premium-v0650.css ===== */
/* 30PICK'EM v0.6.5 — clarity pass */

/* unmistakable account icon */
.mastheadProfileIcon{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mastheadAccountButton{
  color:#e6c863!important;
}

/* clean weekly slate header */
.boardSlateHeader{
  align-items:center!important;
}
.boardSlateMeta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  flex:0 0 auto;
}
.boardSlateMeta b{
  padding:6px 8px;
  border:1px solid #373228;
  border-radius:8px;
  background:#0b0d10;
  color:#c4a95c;
  font-size:8px;
  letter-spacing:.10em;
  line-height:1;
}
.boardSlateMeta em{
  color:#777f89;
  font-size:8px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.05em;
}

/* chronological day headers now include GOTW like every other pick */
.boardDayHeader{
  scroll-margin-top:145px;
}

/* simplify normal matchups: typography first, chrome second */
.boardMatchupRow{
  border-color:#272c33!important;
  background:linear-gradient(180deg,#0f1115,#090b0e)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.14)!important;
}
.boardMatchMeta{
  min-height:30px!important;
  padding:6px 10px!important;
  border-bottom-color:#20252b!important;
  background:#090b0e!important;
}
.boardPickNumber{
  color:#cda63c!important;
  font-size:8px!important;
}
.boardSport{
  color:#8d949e!important;
  font-size:8px!important;
}
.boardTime{
  color:#a4aab2!important;
  font-size:9px!important;
}
.boardLock{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#747b85!important;
  font-size:7px!important;
  letter-spacing:.08em!important;
}
.boardMatchTeams:after{
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  padding:0 4px!important;
  background:#0a0c0f!important;
  color:#515963!important;
  font-size:6px!important;
}
.boardPickTeam{
  min-height:76px!important;
  padding:13px 12px 20px!important;
}
.boardPickTeam.away{padding-right:20px!important}
.boardPickTeam.home{padding-left:20px!important}
.boardPickTeam .pickTeamMain{
  align-items:flex-start!important;
  gap:5px!important;
}
.boardPickTeam .pickTeamMain>b{
  max-width:75%;
  font-size:14px!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
}
.boardPickTeam .pickPrice{
  align-self:flex-start!important;
  margin-left:auto!important;
  gap:3px!important;
}
.boardPickTeam .pickPrice i{
  padding:1px 4px!important;
  border-color:#343a42!important;
  color:#747c86!important;
  font-size:7px!important;
}
.boardPickTeam .pickPrice b{
  color:#aeb4bb!important;
  font-size:10px!important;
}
.boardPickTeam .pickAction{
  left:12px!important;
  bottom:6px!important;
  color:#59616b!important;
  font-size:7px!important;
  letter-spacing:.09em!important;
}
.boardPickTeam.selected{
  background:
    linear-gradient(180deg,rgba(246,200,75,.20),rgba(246,200,75,.055))!important;
}
.boardPickTeam.selected .pickTeamMain>b{
  color:#fff0b8!important;
}
.boardPickTeam.selected .pickAction{
  color:#f5cf64!important;
}
.boardPickTeam.selected:after{
  content:'✓';
  position:absolute;
  right:8px;
  bottom:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#f6c84b;
  color:#090a0b;
  font-size:10px;
  font-weight:1000;
}

/* keep the GOTW visual upgrade, but make its place in the slate feel natural */
.boardGotwCard{
  margin-top:10px!important;
  margin-bottom:14px!important;
}
.boardGotwCard + .boardDayHeader{
  margin-top:18px!important;
}

/* stop the mobile secondary nav from becoming tiny text soup */
@media(max-width:700px){
  .broadcastBoardNav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .broadcastBoardNav button{
    min-height:39px!important;
    font-size:9px!important;
    letter-spacing:.045em!important;
  }
  .broadcastBoardNav button:nth-child(4),
  .broadcastBoardNav button:nth-child(5){
    display:none!important;
  }

  /* the reference works because the board opens immediately on the slate */
  #picks .picksHeaderRow{
    display:none!important;
  }
  #picks>.content{
    padding-top:8px!important;
  }
  .boardSlateHeader{
    margin-top:8px!important;
  }

  /* bigger readable team names, less decorative clutter */
  .boardPickTeam{
    min-height:72px!important;
    padding-top:12px!important;
  }
  .boardPickTeam .pickTeamMain>b{
    max-width:72%!important;
    font-size:13px!important;
  }

  /* profile button now reads clearly as profile */
  .mastheadAccountButton{
    border-color:rgba(246,200,75,.32)!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(246,200,75,.12),transparent 68%),
      #0b0d10!important;
  }
}

@media(max-width:390px){
  .broadcastBoardNav button{
    font-size:8px!important;
  }
  .boardSlateHeader span{
    font-size:13px!important;
  }
  .boardSlateHeader small{
    max-width:190px;
    line-height:1.25;
  }
  .boardPickTeam .pickTeamMain>b{
    font-size:12px!important;
  }
}


/* ===== premium-v0660.css ===== */
/* 30PICK'EM v0.6.6 — stadium + brand voice pass */

/* Stronger bro-facing brand voice */
.broadcastBrandLockup #topSub{
  color:#c2a856!important;
  font-size:6px!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
}
@media(min-width:701px){
  .broadcastBrandLockup #topSub{
    font-size:7px!important;
    letter-spacing:.18em!important;
  }
}

/* Let the GOTW actually live inside a stadium */
.boardGotwHero{
  background-image:
    linear-gradient(180deg,rgba(3,4,5,.04) 0%,rgba(3,4,5,.10) 34%,rgba(3,4,5,.32) 70%,rgba(3,4,5,.82) 100%),
    url('/assets/broadcast-stadium-v2.svg')!important;
  background-size:cover!important;
  background-position:center 18%!important;
  background-repeat:no-repeat!important;
}
.boardGotwHero:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(108deg,rgba(255,236,174,.14),transparent 22%),
    linear-gradient(252deg,rgba(255,236,174,.14),transparent 22%),
    radial-gradient(circle at 10% 17%,rgba(255,240,189,.24),transparent 18%),
    radial-gradient(circle at 90% 17%,rgba(255,240,189,.24),transparent 18%)!important;
  mix-blend-mode:screen!important;
  opacity:.72!important;
}
.boardGotwHero:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 13%,transparent 87%,rgba(0,0,0,.18)),
    linear-gradient(180deg,transparent 0 68%,rgba(0,0,0,.48) 100%)!important;
}
.boardGotwHero>*{
  position:relative!important;
  z-index:1!important;
}

/* Open the title up so the stadium lights can breathe around it */
.boardGotwTitle{
  width:min(86%,540px)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(246,200,75,.14),transparent 62%),
    linear-gradient(180deg,rgba(34,28,14,.95) 0%,rgba(17,17,14,.96) 57%,rgba(8,9,10,.97) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(246,200,75,.72),
    inset 0 0 28px rgba(246,200,75,.08),
    0 12px 28px rgba(0,0,0,.34),
    0 0 30px rgba(246,200,75,.08)!important;
}
.boardGotwMatchup{
  position:relative!important;
  margin-top:2px!important;
}
.boardGotwMatchup:before{
  content:''!important;
  position:absolute!important;
  left:7%!important;
  right:7%!important;
  bottom:20px!important;
  height:62px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(246,200,75,.12),transparent 70%)!important;
  filter:blur(10px)!important;
  pointer-events:none!important;
}
.boardGotwSide img{
  filter:
    drop-shadow(0 18px 18px rgba(0,0,0,.58))
    drop-shadow(0 0 16px rgba(246,200,75,.10))!important;
}
.boardGotwFeatureStrip{
  background:rgba(5,6,7,.58)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}
.boardGotwActionRail{
  background:
    linear-gradient(180deg,#ffe798 0%,#f4c955 50%,#d49d22 100%)!important;
  border-color:#ffd969!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,250,222,.24),
    0 0 26px rgba(246,200,75,.22),
    0 10px 24px rgba(0,0,0,.22)!important;
}

/* Slightly more premium, less cramped header */
@media(max-width:700px){
  .top>.premiumMasthead{
    min-height:82px!important;
  }
  .broadcastWordmark{
    width:min(218px,100%)!important;
    max-height:50px!important;
  }
  .broadcastBrandLockup #topSub{
    margin-top:-1px!important;
  }
}

/* Regular games: maintain clarity from 0.6.5 and add cleaner selection light */
.boardPickTeam.selected{
  box-shadow:
    inset 0 0 0 1px rgba(241,195,75,.92),
    inset 0 0 28px rgba(246,200,75,.045)!important;
}
.boardMatchupRow.hasSelection{
  border-color:#373326!important;
}

/* Hub/Home get a little more atmosphere without losing readability */
#hub .hubPageHero{
  background-image:
    linear-gradient(90deg,rgba(6,7,8,.78),rgba(6,7,8,.50)),
    url('/assets/broadcast-stadium-v2.svg')!important;
  background-size:cover!important;
  background-position:center 24%!important;
}
#home .premiumHero{
  background:
    radial-gradient(circle at 85% 0%,rgba(246,200,75,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent)!important;
}


/* ===== premium-v0670.css ===== */
/* 30PICK'EM v0.6.7 — GOTW decision cleanup */

/* Hero ends cleanly after the feature strip. No redundant CTA/meta. */
.boardGotwActionRail,
.boardGotwMeta{
  display:none!important;
}
.boardGotwFeatureStrip{
  margin-bottom:0!important;
  border-bottom:0!important;
}

/* The actual decision now begins immediately and clearly. */
.boardGotwBody{
  padding-top:12px!important;
}
.boardGotwChoiceHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 9px;
  padding:0 2px 9px;
  border-bottom:1px solid rgba(246,200,75,.18);
}
.boardGotwChoiceHeader>div{
  min-width:0;
}
.boardGotwChoiceHeader span{
  display:block;
  color:#ffe08a;
  font-size:10px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.14em;
}
.boardGotwChoiceHeader small{
  display:block;
  margin-top:5px;
  color:#747c86;
  font-size:7px;
  font-weight:900;
  letter-spacing:.10em;
}
.boardGotwChoiceHeader>b{
  flex:0 0 auto;
  padding:6px 8px;
  border:1px solid #403821;
  border-radius:8px;
  background:#0a0c0e;
  color:#bfa75d;
  font-size:8px;
  line-height:1;
  letter-spacing:.09em;
}

/* GOTW choice tiles: school name only, no ugly 3–4 line stacks. */
.boardGotwPicks{
  gap:8px!important;
}
.heroPickTeam{
  min-height:76px!important;
  padding:12px 11px 22px!important;
}
.heroPickTeam .pickTeamMain{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
.heroPickTeam .pickTeamMain>b{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  color:#f4f5f6!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.heroPickTeam .pickPrice{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
.heroPickTeam .pickAction{
  left:11px!important;
  bottom:6px!important;
  font-size:7px!important;
}
.heroPickTeam.selected .pickTeamMain>b{
  color:#fff0b8!important;
}
.heroPickTeam.selected:after{
  content:'✓';
  position:absolute;
  right:8px;
  bottom:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f6c84b;
  color:#090a0b;
  font-size:10px;
  font-weight:1000;
}

/* Pull the tiebreaker closer so GOTW feels like one concise module. */
.boardGotwBody .gotwTiebreakerWrap{
  margin-top:10px!important;
}

/* The stadium gets more room now that the redundant button is gone. */
.boardGotwHero{
  padding-bottom:12px!important;
}
.boardGotwFeatureStrip{
  padding-bottom:12px!important;
}

@media(max-width:390px){
  .heroPickTeam .pickTeamMain>b{
    font-size:14px!important;
  }
  .heroPickTeam{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .boardGotwChoiceHeader span{
    font-size:9px!important;
  }
}


/* ===== premium-v0700.css ===== */
/* 30PICK'EM v0.7.0 — unified broadcast theme */

:root{
  --broadcast-gold:#f3c74d;
  --broadcast-gold-hi:#ffe394;
  --broadcast-gold-dim:#9e7c27;
  --broadcast-bg:#050607;
  --broadcast-panel:#0a0c0f;
  --broadcast-panel-hi:#101318;
  --broadcast-line:#282d34;
  --broadcast-line-gold:rgba(243,199,77,.28);
  --broadcast-text:#f3f4f6;
  --broadcast-muted:#858c96;
}

/* ===== APP CANVAS ===== */
html,body{
  background:#040506!important;
}
body{
  background:
    radial-gradient(circle at 50% -12%,rgba(243,199,77,.08),transparent 26%),
    linear-gradient(180deg,#070809 0%,#040506 100%)!important;
  color:var(--broadcast-text)!important;
}
.app{
  background:
    linear-gradient(180deg,rgba(255,255,255,.006),transparent 35%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.006) 0 1px,transparent 1px 54px)!important;
}
.screen>.content{
  width:min(980px,100%);
  margin:0 auto!important;
}

/* ===== TYPE / SECTION LANGUAGE ===== */
.title{
  color:#f5f6f7!important;
  font-weight:1000!important;
  letter-spacing:-.035em!important;
}
.small{
  color:var(--broadcast-muted)!important;
}
.boardKicker,
.nextLockLabel{
  color:var(--broadcast-gold)!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
.sectionhead{
  position:relative;
  padding-bottom:8px!important;
  color:#f0f1f2!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.sectionhead:after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:70px;
  height:2px;
  background:linear-gradient(90deg,var(--broadcast-gold),transparent);
}

/* ===== UNIVERSAL PANELS ===== */
.card{
  border:1px solid rgba(243,199,77,.13)!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(16,19,24,.98),rgba(7,9,11,.995))!important;
  box-shadow:
    0 8px 24px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.card+.card{
  margin-top:10px;
}
.divider{
  background:#252a31!important;
}

/* ===== BUTTON SYSTEM ===== */
.btn{
  border:1px solid #343a43!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#15181d,#0d0f12)!important;
  color:#e6e8eb!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.btn:active{
  transform:scale(.985);
}
.btn.primary{
  border-color:#c79a29!important;
  background:
    linear-gradient(180deg,rgba(243,199,77,.15),rgba(243,199,77,.05)),
    #101112!important;
  color:var(--broadcast-gold-hi)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,226,141,.05),
    0 0 18px rgba(243,199,77,.055)!important;
}
.btn.primary:hover{
  border-color:#e0b640!important;
  background:
    linear-gradient(180deg,rgba(243,199,77,.22),rgba(243,199,77,.07)),
    #101112!important;
}
.smallbtn{
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  letter-spacing:.03em!important;
}

/* ===== INPUTS ===== */
.input,
input,
select,
textarea{
  border-color:#343a43!important;
  background:#080a0d!important;
  color:#f2f3f4!important;
}
.input:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:#ba922e!important;
  box-shadow:0 0 0 3px rgba(243,199,77,.08)!important;
}
label{
  color:#a5abb3!important;
}

/* ===== TOP MASTHEAD ===== */
.top{
  border-bottom:1px solid rgba(243,199,77,.18)!important;
  background:
    radial-gradient(circle at 50% -30%,rgba(243,199,77,.12),transparent 55%),
    rgba(5,6,7,.975)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.32)!important;
}
.broadcastBrandLockup #topSub{
  color:#bca252!important;
  text-shadow:none!important;
}
.mastheadIcon{
  color:#e1c35e!important;
}

/* ===== HOME: SPORTS-BROADCAST LANDING ===== */
#home .premiumHero{
  position:relative!important;
  overflow:hidden!important;
  padding:25px 16px 21px!important;
  border-bottom:1px solid rgba(243,199,77,.13)!important;
  background:
    radial-gradient(circle at 88% 4%,rgba(243,199,77,.11),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent)!important;
}
#home .premiumHero:after{
  content:'';
  position:absolute;
  left:16px;
  bottom:-1px;
  width:84px;
  height:2px;
  background:linear-gradient(90deg,var(--broadcast-gold),transparent);
}
#home .premiumHero h1{
  max-width:480px;
  color:#f5f6f7!important;
  font-size:32px!important;
  line-height:.98!important;
  text-transform:uppercase!important;
  letter-spacing:-.045em!important;
}
#home .premiumHero h1 .accent{
  color:var(--broadcast-gold-hi)!important;
}
#home .brandPromise{
  border-top-color:rgba(243,199,77,.16)!important;
  color:#9e8f62!important;
}
#home .homeBrandBanner{
  margin-top:12px!important;
  border:1px solid rgba(243,199,77,.24)!important;
  border-radius:16px!important;
  background:#070809!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26)!important;
}
#home #leagueCard{
  position:relative;
  overflow:hidden;
  border-color:rgba(243,199,77,.28)!important;
}
#home #leagueCard:before{
  content:'';
  position:absolute;
  right:-36px;
  top:-42px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(243,199,77,.10),transparent 68%);
  pointer-events:none;
}
#home #leagueCard .metric{
  border-color:#2b3037!important;
  background:#090b0e!important;
}
#home #leagueCard .metric b{
  color:var(--broadcast-gold-hi)!important;
}
#home .latestRecapCard{
  border-color:rgba(243,199,77,.28)!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(243,199,77,.10),transparent 36%),
    linear-gradient(180deg,#15130d,#090b0d)!important;
}

/* ===== PICKS: MOCKUP IS THE STANDARD ===== */
#picks>.content{
  padding-bottom:18px!important;
}
.boardSlateHeader{
  margin-top:10px!important;
}
.boardSlateHeader span{
  color:#fff0b4!important;
  font-size:15px!important;
  font-style:italic!important;
  font-weight:1000!important;
}
.boardSlateHeader small{
  color:#707782!important;
}
.boardSlateMeta b{
  border-color:#393329!important;
  color:#bea65c!important;
}
.boardDayHeader{
  margin-top:20px!important;
  border-bottom-color:#282d34!important;
}
.boardDayHeader span{
  color:#e9ebed!important;
}
.boardDayHeader small{
  color:#6c747e!important;
}

/* compact, horizontal score/pick cards */
.boardMatchupRow{
  overflow:hidden!important;
  border:1px solid #292f36!important;
  border-radius:14px!important;
  background:
    linear-gradient(180deg,#101318,#080a0d)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
.boardMatchMeta{
  min-height:32px!important;
  padding:7px 10px!important;
  border-bottom:1px solid #232830!important;
  background:#090b0e!important;
}
.boardPickNumber{
  color:#d1ab40!important;
  font-size:9px!important;
}
.boardSport{
  color:#858c96!important;
  font-size:8px!important;
  letter-spacing:.10em!important;
}
.boardTime{
  color:#a8adb4!important;
  font-size:10px!important;
}
.boardLock{
  color:#6f7680!important;
  font-size:7px!important;
}
.boardMatchTeams{
  min-height:78px!important;
}
.boardPickTeam{
  min-height:78px!important;
  padding:13px 11px 21px!important;
  background:transparent!important;
}
.boardPickTeam+.boardPickTeam{
  border-left:1px solid #252a31!important;
}
.boardPickTeam .pickTeamMain{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:7px!important;
}
.boardPickTeam .pickTeamMain>b{
  display:-webkit-box!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  color:#e9ebed!important;
  font-size:14px!important;
  line-height:1.02!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:-.02em!important;
}
.boardPickTeam .pickPrice{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
.boardPickTeam .pickPrice i{
  border-color:#30363e!important;
  color:#676f79!important;
}
.boardPickTeam .pickPrice b{
  color:#aeb4bb!important;
  font-size:10px!important;
}
.boardPickTeam .pickScore{
  flex:0 0 auto!important;
  margin-left:auto!important;
  color:#f2f3f4!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.boardPickTeam .pickAction{
  left:11px!important;
  bottom:6px!important;
  color:#5d6570!important;
  font-size:7px!important;
  letter-spacing:.09em!important;
}
.boardPickTeam.selected{
  background:
    radial-gradient(circle at 70% 0%,rgba(243,199,77,.08),transparent 56%),
    linear-gradient(180deg,rgba(243,199,77,.20),rgba(243,199,77,.055))!important;
}
.boardPickTeam.selected .pickTeamMain>b{
  color:#fff0b5!important;
}
.boardPickTeam.selected .pickAction{
  color:#e4bd4e!important;
}
.boardPickTeam.selected:after{
  right:9px!important;
  bottom:7px!important;
  background:#d8ad37!important;
  color:#08090a!important;
}

/* once final, score is king — historical odds disappear */
.boardMatchupRow.status-final .pickPrice{
  display:none!important;
}
.boardMatchupRow.status-final .boardPickTeam{
  min-height:82px!important;
}
.boardMatchupRow.status-final .boardPickTeam .pickTeamMain>b{
  max-width:calc(100% - 54px)!important;
}
.boardMatchupRow.status-final .pickScore{
  font-size:27px!important;
}
.boardMatchupRow.status-final .boardLock{
  color:#5f6670!important;
}
.boardMatchupRow.status-live{
  border-color:rgba(243,199,77,.30)!important;
}

/* GOTW remains the marquee interruption inside the slate */
.boardGotwCard{
  border-color:rgba(243,199,77,.76)!important;
  box-shadow:
    0 0 0 1px rgba(255,229,148,.04) inset,
    0 0 30px rgba(218,161,30,.11),
    0 18px 44px rgba(0,0,0,.38)!important;
}
.boardGotwChoiceHeader span{
  color:var(--broadcast-gold-hi)!important;
}
.heroPickTeam{
  border-color:#49412d!important;
  background:linear-gradient(180deg,#171713,#0d0f11)!important;
}
.heroPickTeam.selected{
  border-color:#e1b43c!important;
  background:
    radial-gradient(circle at 70% 0%,rgba(255,231,151,.09),transparent 55%),
    linear-gradient(180deg,rgba(243,199,77,.30),rgba(243,199,77,.075)),
    #11120f!important;
}

/* Review is a premium rail, not a giant yellow slab */
.broadcastReviewRail{
  appearance:none;
  width:100%;
  min-height:72px;
  margin:16px 0 8px;
  padding:13px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(243,199,77,.45);
  border-radius:15px;
  background:
    radial-gradient(circle at 100% 0%,rgba(243,199,77,.10),transparent 44%),
    linear-gradient(180deg,#12130f,#090b0d);
  color:#f3f4f5;
  text-align:left;
  box-shadow:
    inset 0 0 0 1px rgba(255,229,148,.03),
    0 8px 20px rgba(0,0,0,.20);
}
.broadcastReviewRail span{
  min-width:0;
}
.broadcastReviewRail b{
  display:block;
  color:#ffe08a;
  font-size:14px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.05em;
}
.broadcastReviewRail small{
  display:block;
  margin-top:6px;
  color:#7e858e;
  font-size:9px;
  font-weight:800;
}
.broadcastReviewRail i{
  color:#f0c551;
  font-size:28px;
  line-height:1;
  font-style:normal;
}

/* ===== STANDINGS: LEADERBOARD, NOT TABLE ===== */
#standings>.content>.row:first-child{
  position:relative;
  padding:8px 2px 12px!important;
  border-bottom:1px solid rgba(243,199,77,.14)!important;
}
#standings>.content>.row:first-child:after{
  content:'';
  position:absolute;
  left:0;
  bottom:-1px;
  width:80px;
  height:2px;
  background:linear-gradient(90deg,var(--broadcast-gold),transparent);
}
#standingsTitle{
  font-size:29px!important;
  text-transform:uppercase!important;
}
#standings .tabs{
  display:flex!important;
  gap:6px!important;
  padding:4px!important;
  border:1px solid #292f36!important;
  border-radius:13px!important;
  background:#080a0d!important;
}
#standings .tab{
  flex:1;
  min-width:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#858c96!important;
}
#standings .tab.active{
  background:
    linear-gradient(180deg,rgba(243,199,77,.16),rgba(243,199,77,.055))!important;
  color:#ffe08a!important;
  box-shadow:inset 0 0 0 1px rgba(243,199,77,.26)!important;
}
#standingsList{
  overflow:hidden!important;
  border-color:rgba(243,199,77,.14)!important;
}
#standingsList .rank{
  min-height:50px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  border-bottom-color:#252a31!important;
  background:#090b0e!important;
}
#standingsList .rank.me{
  background:
    linear-gradient(90deg,rgba(243,199,77,.15),rgba(243,199,77,.035))!important;
  border-color:rgba(243,199,77,.25)!important;
}
#standingsList .rank .score{
  color:#f4f5f6!important;
}
#sportBreakdownCard{
  margin-top:12px!important;
}

/* ===== 30 HUB: SAME BROADCAST PACKAGE ===== */
#hub .hubPageHero{
  border-color:rgba(243,199,77,.36)!important;
  background-image:
    linear-gradient(90deg,rgba(5,6,7,.78),rgba(5,6,7,.48)),
    url('/assets/broadcast-stadium-v2.svg')!important;
  background-size:cover!important;
  background-position:center 28%!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
#hub .hubPageHero .title{
  color:#fff0b7!important;
  text-transform:uppercase!important;
}
#hub .hubPageMark{
  color:var(--broadcast-gold)!important;
}
#hub .hubPageTabs{
  border-color:#292f36!important;
  background:#080a0d!important;
}
#hub .hubPageTab{
  color:#838a94!important;
}
#hub .hubPageTab.active{
  border-color:rgba(243,199,77,.32)!important;
  background:
    linear-gradient(180deg,rgba(243,199,77,.16),rgba(243,199,77,.055))!important;
  color:#ffe08a!important;
}
#hub .hubSectionHead{
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(243,199,77,.12)!important;
}
#hub .todaySportsTab,
#hub .sportBreakdownTab{
  border-color:#30363e!important;
  background:#0a0c0f!important;
}
#hub .todaySportsTab.active,
#hub .sportBreakdownTab.active{
  border-color:#b48d29!important;
  color:#ffe08a!important;
  background:rgba(243,199,77,.08)!important;
}

/* ===== MENU / ACCOUNT / LEAGUE ===== */
#more>.content>.row:first-of-type,
#league>.content>.row:first-of-type,
#account>.content>.row:first-of-type,
#alerts>.content>.row:first-of-type{
  position:relative;
  padding:8px 1px 13px!important;
  border-bottom:1px solid rgba(243,199,77,.13)!important;
}
#more .title[style*="font-size:17px"],
#league .title[style*="font-size:17px"]{
  margin-top:18px!important;
  color:#d8bc5b!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
.commissionerRow{
  position:relative;
  min-height:61px!important;
  padding:13px 2px 13px 12px!important;
  border-bottom-color:#252a31!important;
}
.commissionerRow:before{
  content:'';
  position:absolute;
  left:0;
  top:18px;
  width:2px;
  height:23px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--broadcast-gold),rgba(243,199,77,.10));
  opacity:.55;
}
.commissionerRow b{
  color:#e8eaec!important;
}
.commissionerRow .small{
  margin-top:3px!important;
  color:#777f89!important;
}
.tag{
  background:#101319!important;
  color:#a3aab2!important;
  border:1px solid #2c3239!important;
}

/* ===== MODALS / SHEETS ===== */
.modal{
  background:rgba(0,0,0,.78)!important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.sheet{
  position:relative;
  overflow:auto!important;
  border:1px solid rgba(243,199,77,.24)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(243,199,77,.07),transparent 32%),
    linear-gradient(180deg,#111318,#080a0d)!important;
  box-shadow:0 -18px 42px rgba(0,0,0,.42)!important;
}
.sheet:before{
  content:'';
  position:absolute;
  left:50%;
  top:7px;
  width:52px;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#cba73e,transparent);
}
.broadcastReview .pickReviewHero{
  margin:-4px -2px 12px;
  padding:13px 2px 13px;
  border-bottom:1px solid rgba(243,199,77,.15);
}
.broadcastReview .pickReviewHero .title{
  margin-top:5px!important;
  font-size:24px!important;
  text-transform:uppercase!important;
}
.pickReviewSummary{
  border-color:#2c3239!important;
  background:#090b0e!important;
}
.pickReviewSummary>div{
  border-color:#2a3037!important;
}
.pickReviewSummary span{
  color:#767e88!important;
}
.pickReviewSummary b{
  color:#ffe08a!important;
}
.pickReviewCheck{
  border-color:#2c3239!important;
  background:#0a0c0f!important;
}
.pickReviewCheck.done>span{
  background:rgba(243,199,77,.13)!important;
  color:#f0c551!important;
}
.pickReviewMissingRow{
  border-color:#2d333a!important;
  background:#0a0c0f!important;
}
.pickReviewMissingRow b{
  color:#e7c65c!important;
}

/* ===== NOTICES / TOASTS ===== */
.notice{
  border-color:#31404b!important;
  background:#0a141b!important;
  color:#bed0dc!important;
}
.notice.warn{
  border-color:#5d4a1c!important;
  background:#17130a!important;
  color:#ecd47d!important;
}
.notice.info{
  border-color:#2b3a45!important;
  background:#09131a!important;
  color:#aebfc9!important;
}
.toast{
  border-color:rgba(243,199,77,.30)!important;
  background:#101215!important;
  color:#eee!important;
}

/* ===== AUTH ===== */
.authwrap{
  background:
    radial-gradient(circle at 50% 8%,rgba(243,199,77,.10),transparent 28%),
    #050607!important;
}
.authbox{
  border-color:rgba(243,199,77,.18)!important;
}
.authlogo span{
  color:var(--broadcast-gold)!important;
}

/* ===== BOTTOM NAV ===== */
.footer{
  border-top:1px solid rgba(243,199,77,.16)!important;
  background:
    linear-gradient(180deg,rgba(7,8,9,.975),rgba(3,4,5,.998))!important;
  box-shadow:0 -12px 30px rgba(0,0,0,.34)!important;
}
.footer .nav{
  position:relative;
  color:#747c87!important;
}
.footer .nav b{
  color:inherit!important;
}
.footer .nav.active{
  background:transparent!important;
  color:#f1c85a!important;
}
.footer .nav.active:before{
  left:18%!important;
  right:18%!important;
  top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--broadcast-gold),transparent)!important;
  box-shadow:0 0 12px rgba(243,199,77,.28)!important;
}

/* ===== MOBILE ===== */
@media(max-width:700px){
  .screen>.content{
    padding-left:13px!important;
    padding-right:13px!important;
  }
  #home .premiumHero{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  #home .premiumHero h1{
    font-size:29px!important;
  }
  .boardMatchupRow{
    margin:7px 0!important;
  }
  .boardPickTeam{
    min-height:74px!important;
  }
  .boardPickTeam .pickTeamMain>b{
    font-size:13px!important;
  }
  .boardMatchupRow.status-final .pickScore{
    font-size:24px!important;
  }
  .broadcastReviewRail{
    min-height:66px;
  }
  .broadcastReviewRail b{
    font-size:13px;
  }
  #standingsTitle{
    font-size:26px!important;
  }
  #hub .hubPageHero .title{
    font-size:27px!important;
  }
}

@media(max-width:390px){
  .boardPickTeam .pickTeamMain>b{
    font-size:12px!important;
  }
  .boardPickTeam .pickScore{
    font-size:20px!important;
  }
  .boardMatchupRow.status-final .pickScore{
    font-size:23px!important;
  }
  .broadcastReviewRail small{
    font-size:8px;
  }
}


/* ===== premium-v0710.css ===== */
/* 30PICK'EM v0.7.1 — finish-quality pass */

/* ===== MASTHEAD: tighter, stronger, more intentional ===== */
@media(max-width:700px){
  .top{
    min-height:78px!important;
  }
  .top>.premiumMasthead{
    min-height:78px!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    padding:6px 11px!important;
  }
  .mastheadIcon{
    width:39px!important;
    height:39px!important;
    border-radius:13px!important;
    border-color:rgba(243,199,77,.34)!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(243,199,77,.10),transparent 70%),
      #090b0e!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.02),
      0 7px 18px rgba(0,0,0,.18)!important;
  }
  .mastheadAccountButton{
    border-radius:50%!important;
  }
  .broadcastWordmark{
    width:min(236px,100%)!important;
    max-height:52px!important;
  }
  .broadcastBrandLockup #topSub{
    margin-top:0!important;
    font-size:6px!important;
    letter-spacing:.18em!important;
    color:#bca65c!important;
  }
}

/* ===== GOTW: more broadcast depth ===== */
.boardGotwCard{
  border-width:1px!important;
  border-color:rgba(246,205,83,.82)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,234,163,.05),
    inset 0 0 44px rgba(243,199,77,.025),
    0 0 34px rgba(218,161,30,.13),
    0 24px 54px rgba(0,0,0,.46)!important;
}
.boardGotwHero{
  background-image:
    linear-gradient(180deg,rgba(2,3,4,.01) 0%,rgba(2,3,4,.05) 30%,rgba(2,3,4,.16) 60%,rgba(2,3,4,.76) 100%),
    url('/assets/broadcast-stadium-v2.svg')!important;
  background-position:center 11%!important;
}
.boardGotwHero:before{
  background:
    radial-gradient(circle at 7% 16%,rgba(255,245,207,.40),transparent 15%),
    radial-gradient(circle at 93% 16%,rgba(255,245,207,.40),transparent 15%),
    radial-gradient(circle at 17% 25%,rgba(243,199,77,.18),transparent 22%),
    radial-gradient(circle at 83% 25%,rgba(243,199,77,.18),transparent 22%),
    linear-gradient(110deg,rgba(255,240,188,.15),transparent 24%),
    linear-gradient(250deg,rgba(255,240,188,.15),transparent 24%)!important;
  opacity:.82!important;
}
.boardGotwHero:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.12),transparent 10%,transparent 90%,rgba(0,0,0,.12)),
    linear-gradient(180deg,transparent 0 72%,rgba(0,0,0,.55) 100%)!important;
}

/* crest gets the metallic sign treatment from the mockup */
.boardGotwTitle{
  width:min(88%,560px)!important;
  margin-top:-8px!important;
  padding:21px 17px 24px!important;
  background:
    repeating-linear-gradient(105deg,rgba(255,255,255,.018) 0 1px,transparent 1px 10px),
    radial-gradient(circle at 50% 0%,rgba(246,205,83,.18),transparent 62%),
    linear-gradient(180deg,rgba(43,34,15,.97) 0%,rgba(18,18,14,.985) 58%,rgba(7,8,9,.995) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,225,132,.78),
    inset 0 -10px 24px rgba(0,0,0,.34),
    inset 0 10px 20px rgba(243,199,77,.055),
    0 11px 30px rgba(0,0,0,.42),
    0 0 28px rgba(243,199,77,.11)!important;
  filter:drop-shadow(0 3px 0 rgba(138,101,20,.38));
}
.boardGotwTitle:before{
  top:3px!important;
  width:27px!important;
  height:17px!important;
  border-color:rgba(255,224,130,.72)!important;
  color:#ffe394!important;
  background:linear-gradient(180deg,#1b170d,#08090a)!important;
}
.boardGotwTitle small{
  color:#b29b59!important;
}
.boardGotwTitle b{
  color:#fff1b9!important;
  font-size:29px!important;
  text-shadow:
    0 2px 0 rgba(86,60,5,.55),
    0 4px 18px rgba(0,0,0,.72),
    0 0 18px rgba(243,199,77,.16)!important;
}

/* helmets sit deeper in the stadium and closer to the reference scale */
.boardGotwMatchup{
  min-height:252px!important;
  margin-top:1px!important;
}
.boardGotwSide:before{
  width:180px!important;
  height:180px!important;
  background:
    radial-gradient(circle,rgba(243,199,77,.24),rgba(243,199,77,.055) 42%,transparent 70%)!important;
}
.boardGotwSide img{
  max-width:220px!important;
  height:192px!important;
  filter:
    drop-shadow(0 20px 17px rgba(0,0,0,.62))
    drop-shadow(0 0 16px rgba(243,199,77,.10))!important;
}
.boardGotwSide.away img{
  transform:scale(1.14) translateX(-2px) rotate(-1.5deg)!important;
}
.boardGotwSide.home img{
  transform:scale(1.14) translateX(2px) rotate(1.5deg)!important;
}

/* school / mascot hierarchy */
.boardGotwSide strong{
  min-height:44px!important;
  margin-top:2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  text-transform:none!important;
}
.boardGotwSide strong>b{
  color:#ffe59a!important;
  font-size:17px!important;
  line-height:.98!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:-.025em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
.boardGotwSide strong>small{
  color:#c7c7c4!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.boardGotwVs{
  border-color:#f1c64f!important;
  background:
    radial-gradient(circle at 35% 26%,#57451b,#13100a 38%,#070809 74%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,240,187,.18),
    0 0 0 5px rgba(243,199,77,.08),
    0 0 30px rgba(243,199,77,.36)!important;
}

/* polished iconography — no more unicode-placeholder feel */
.boardGotwFeatureStrip{
  padding:12px 3px 13px!important;
  background:
    linear-gradient(180deg,rgba(7,8,9,.60),rgba(4,5,6,.78))!important;
}
.gotwFeatureIcon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  margin:0 auto 5px!important;
  color:#e9c65d!important;
}
.gotwFeatureIcon svg{
  display:block;
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.boardGotwFeatureStrip b{
  color:#e7e9eb!important;
  font-size:7px!important;
  letter-spacing:.09em!important;
}
.boardGotwFeatureStrip small{
  color:#777e87!important;
  font-size:5.5px!important;
}

/* decision area gets the same precision as the hero */
.boardGotwBody{
  padding-top:12px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(243,199,77,.045),transparent 38%),
    linear-gradient(180deg,#0b0d10,#070809)!important;
}
.boardGotwChoiceHeader{
  margin-bottom:10px!important;
  padding-bottom:10px!important;
}
.boardGotwChoiceHeader span{
  font-size:10px!important;
  color:#ffe18c!important;
}
.boardGotwChoiceHeader>b{
  border-color:#4d4228!important;
  color:#d0b56a!important;
  background:linear-gradient(180deg,#11110d,#090b0d)!important;
}
.heroPickTeam{
  min-height:80px!important;
  border-color:#49412d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
.heroPickTeam .pickTeamMain>b{
  font-size:15px!important;
}
.heroPickTeam.selected{
  border-color:#e2b83f!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,232,160,.08),
    inset 0 0 28px rgba(243,199,77,.055),
    0 0 20px rgba(218,161,30,.09)!important;
}

/* ===== REGULAR BOARD: quiet polish ===== */
.boardMatchupRow{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012),
    0 7px 18px rgba(0,0,0,.16)!important;
}
.boardPickTeam.selected{
  box-shadow:
    inset 0 0 0 1px rgba(226,181,58,.88),
    inset 0 0 24px rgba(243,199,77,.045)!important;
}

/* ===== WHOLE APP: carry the visual signature ===== */
#home .card,
#standings .card,
#hub .card,
#more .card,
#league .card,
#account .card,
#alerts .card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.015),
    0 9px 22px rgba(0,0,0,.18)!important;
}
#home .premiumHero,
#hub .hubPageHero{
  position:relative!important;
}
#home .premiumHero:before,
#hub .hubPageHero:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(112deg,rgba(243,199,77,.045),transparent 20%),
    linear-gradient(248deg,rgba(243,199,77,.035),transparent 22%)!important;
}
#standings .tabs,
#hub .hubPageTabs{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.012)!important;
}
.commissionerRow{
  transition:background .12s ease!important;
}
.commissionerRow:active{
  background:rgba(243,199,77,.035)!important;
}

/* ===== FIXED NAV: don't cover the money ===== */
html{
  scroll-padding-bottom:118px!important;
}
#picks>.content,
#home>.content,
#standings>.content,
#hub>.content,
#more>.content,
#league>.content,
#account>.content,
#alerts>.content{
  padding-bottom:118px!important;
}
.footer{
  min-height:68px!important;
  padding-top:6px!important;
  padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
}
.footer .nav{
  min-height:54px!important;
  padding:6px 3px 5px!important;
}
.footer .nav b{
  margin-bottom:1px!important;
}

/* Review rail should never become a giant yellow slab again */
.broadcastReviewRail{
  margin-top:14px!important;
  border-color:rgba(243,199,77,.40)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(243,199,77,.09),transparent 42%),
    linear-gradient(180deg,#10120f,#080a0d)!important;
}

@media(max-width:390px){
  .broadcastWordmark{
    width:min(214px,100%)!important;
  }
  .boardGotwTitle b{
    font-size:25px!important;
  }
  .boardGotwMatchup{
    min-height:222px!important;
  }
  .boardGotwSide img{
    height:160px!important;
  }
  .boardGotwSide strong>b{
    font-size:15px!important;
  }
  .boardGotwSide strong>small{
    font-size:7px!important;
  }
  .gotwFeatureIcon{
    width:24px!important;
    height:24px!important;
  }
  .gotwFeatureIcon svg{
    width:22px;
    height:22px;
  }
}


/* ===== premium-v0800.css ===== */
/* 30PICK'EM v0.8.0 — premium benchmark pass */

/* ===== BRAND VOICE ===== */
.broadcastBrandLockup #topSub{
  color:#f7d55a!important;
  font-size:6px!important;
  font-weight:1000!important;
  letter-spacing:.17em!important;
}
.homeHeadlineTop,
.homeHeadlineWin{
  display:block!important;
}
#home .premiumHero h1 .homeHeadlineTop{
  color:#f4f5f6!important;
}
#home .premiumHero h1 .homeHeadlineWin{
  color:#ffd84f!important;
  text-shadow:
    0 2px 0 rgba(120,82,0,.25),
    0 0 18px rgba(255,216,79,.12)!important;
}
#home .premiumHero h1{
  line-height:.96!important;
}

/* ===== FAN/DK LESSON: DENSITY WITHOUT CLUTTER ===== */
#picks>.content{
  padding-left:12px!important;
  padding-right:12px!important;
}
.boardDayHeader{
  margin-top:18px!important;
  padding-bottom:8px!important;
}
.boardMatchupRow{
  margin:6px 0!important;
  border-radius:13px!important;
  border-color:#292e35!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012),
    0 5px 15px rgba(0,0,0,.14)!important;
}
.boardMatchMeta{
  min-height:29px!important;
  padding:6px 9px!important;
}
.boardMatchTeams{
  min-height:80px!important;
}
.boardPickTeam{
  min-height:80px!important;
  padding:12px 10px 21px!important;
  overflow:hidden!important;
}
.boardPickTeam.away{
  padding-right:15px!important;
}
.boardPickTeam.home{
  padding-left:15px!important;
}
.boardPickTeam .pickTeamMain{
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
.boardTeamIdentity{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:5px!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
.boardTeamIdentity:not(:has(.teamRank)){
  grid-template-columns:minmax(0,1fr)!important;
}
.teamRank{
  margin-top:1px!important;
  color:#d6ad3f!important;
  font-style:normal!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.teamFullName{
  display:block!important;
  min-width:0!important;
  color:#eceef0!important;
  font-weight:1000!important;
  line-height:1.03!important;
  text-transform:uppercase!important;
  letter-spacing:-.022em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.boardTeamIdentity.teamNameShort .teamRank,
.boardTeamIdentity.teamNameShort .teamFullName{
  font-size:14px!important;
}
.boardTeamIdentity.teamNameMedium .teamRank,
.boardTeamIdentity.teamNameMedium .teamFullName{
  font-size:13px!important;
}
.boardTeamIdentity.teamNameLong .teamRank,
.boardTeamIdentity.teamNameLong .teamFullName{
  font-size:12px!important;
}
.boardTeamIdentity.teamNameXLong .teamRank,
.boardTeamIdentity.teamNameXLong .teamFullName{
  font-size:11px!important;
}
.boardPickTeam .pickPrice{
  flex:0 0 auto!important;
  margin-left:auto!important;
  align-self:center!important;
}
.boardPickTeam .pickPrice i{
  font-size:7px!important;
}
.boardPickTeam .pickPrice b{
  font-size:10px!important;
}
.boardPickTeam .pickScore{
  flex:0 0 auto!important;
  margin-left:auto!important;
  font-size:23px!important;
}
.boardPickTeam .pickAction{
  bottom:6px!important;
  left:10px!important;
}
.boardPickTeam.selected{
  background:
    radial-gradient(circle at 80% 0%,rgba(255,216,79,.10),transparent 58%),
    linear-gradient(180deg,rgba(255,216,79,.20),rgba(255,216,79,.055))!important;
}
.boardPickTeam.selected .teamFullName{
  color:#fff1b5!important;
}
.boardPickTeam.selected .teamRank{
  color:#ffd84f!important;
}
.boardPickTeam.selected:after{
  width:18px!important;
  height:18px!important;
  right:8px!important;
  bottom:7px!important;
  background:#ffd84f!important;
}
.boardMatchupRow.status-final .pickPrice{
  display:none!important;
}
.boardMatchupRow.status-final .boardTeamIdentity{
  padding-right:3px;
}
.boardMatchupRow.status-final .pickScore{
  font-size:26px!important;
}

/* Add a subtle broadcast graphic rail without extra clutter */
.boardMatchupRow{
  position:relative!important;
}
.boardMatchupRow:before{
  content:''!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:2px!important;
  background:linear-gradient(180deg,rgba(255,216,79,.58),rgba(255,216,79,.02))!important;
  opacity:.42!important;
  pointer-events:none!important;
}
.boardMatchupRow.hasSelection:before{
  width:3px!important;
  opacity:.9!important;
  background:linear-gradient(180deg,#ffd84f,rgba(255,216,79,.10))!important;
}

/* ===== GOTW CLARITY ===== */
.boardGotwFeatureStrip>div:last-child b{
  color:#f0f1f2!important;
}
.boardGotwFeatureStrip>div:last-child small{
  color:#858b93!important;
}
.boardGotwFeatureStrip b{
  white-space:nowrap!important;
}
.boardGotwFeatureStrip small{
  line-height:1.2!important;
}
.boardGotwChoiceHeader span{
  color:#ffd84f!important;
}
.heroPickTeam.selected{
  border-color:#e9ba39!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,216,79,.12),transparent 58%),
    linear-gradient(180deg,rgba(255,216,79,.31),rgba(255,216,79,.075)),
    #11120f!important;
}
.heroPickTeam.selected:after{
  background:#ffd84f!important;
}

/* ===== PLAYER CARD AVATAR: TRUE CIRCLE ===== */
.hubIdentity{
  align-items:center!important;
}
.hubIdentity .playerAvatar{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  overflow:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,216,79,.56)!important;
  background:#0a0c0f!important;
  box-shadow:
    0 0 0 2px rgba(255,216,79,.055),
    0 6px 18px rgba(0,0,0,.25)!important;
}
.hubIdentity .playerAvatar.photoAvatar img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  transform:none!important;
}
.hubIdentity>div:last-child{
  min-width:0!important;
}
.hubIdentity .title{
  font-size:25px!important;
  line-height:1!important;
}

/* ===== HOME: BRIGHTER 30PICK'EM YELLOW, NOT MUTED GOLD ===== */
#home .brandPromise span,
#home .nextLockLabel,
#home .boardKicker{
  color:#ffd84f!important;
}
#home #leagueCard .metric b{
  color:#ffd84f!important;
}
#home .latestRecapCard{
  border-color:rgba(255,216,79,.30)!important;
}

/* ===== APP-WIDE ACTION / SELECTION LANGUAGE ===== */
.btn.primary,
.pill.green,
.tab.active,
.hubPageTab.active,
.todaySportsTab.active,
.sportBreakdownTab.active{
  border-color:rgba(255,216,79,.42)!important;
}
.btn.primary{
  color:#ffe575!important;
}
.pill.green,
.tab.active,
.hubPageTab.active{
  color:#ffd84f!important;
}
.footer .nav.active{
  color:#ffd84f!important;
}
.footer .nav.active:before{
  background:linear-gradient(90deg,transparent,#ffd84f,transparent)!important;
}

/* ===== BETTING-SITE BENCHMARK: STICKY CONTEXT, CLEAN RAILS ===== */
.broadcastBoardNav{
  border-bottom-color:rgba(255,216,79,.15)!important;
}
.broadcastBoardNav button{
  transition:color .12s ease,background .12s ease!important;
}
.broadcastBoardNav button.active{
  color:#ffd84f!important;
}
.broadcastBoardNav button.active:after{
  background:linear-gradient(90deg,transparent,#ffd84f,transparent)!important;
}
#standings .tabs,
#hub .hubPageTabs{
  background:#080a0d!important;
  border-color:#292f36!important;
}
.commissionerRow{
  min-height:58px!important;
}

/* ===== MODALS / REVIEW ===== */
.broadcastReviewRail{
  border-color:rgba(255,216,79,.38)!important;
}
.broadcastReviewRail b,
.pickReviewSummary b,
.boardKicker{
  color:#ffd84f!important;
}

/* ===== MOBILE SAFETY / LONG NAMES ===== */
@media(max-width:430px){
  .boardPickTeam{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .boardPickTeam.away{
    padding-right:13px!important;
  }
  .boardPickTeam.home{
    padding-left:13px!important;
  }
  .boardTeamIdentity{
    column-gap:4px!important;
  }
  .boardTeamIdentity.teamNameShort .teamRank,
  .boardTeamIdentity.teamNameShort .teamFullName{
    font-size:13px!important;
  }
  .boardTeamIdentity.teamNameMedium .teamRank,
  .boardTeamIdentity.teamNameMedium .teamFullName{
    font-size:12px!important;
  }
  .boardTeamIdentity.teamNameLong .teamRank,
  .boardTeamIdentity.teamNameLong .teamFullName{
    font-size:11px!important;
  }
  .boardTeamIdentity.teamNameXLong .teamRank,
  .boardTeamIdentity.teamNameXLong .teamFullName{
    font-size:10px!important;
  }
  .boardPickTeam .pickPrice{
    gap:2px!important;
  }
  .boardPickTeam .pickPrice i{
    padding:1px 3px!important;
  }
  .boardPickTeam .pickPrice b{
    font-size:9px!important;
  }
  .hubIdentity .playerAvatar{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    flex-basis:54px!important;
  }
}

@media(max-width:390px){
  .boardTeamIdentity.teamNameShort .teamRank,
  .boardTeamIdentity.teamNameShort .teamFullName{
    font-size:12px!important;
  }
  .boardTeamIdentity.teamNameMedium .teamRank,
  .boardTeamIdentity.teamNameMedium .teamFullName{
    font-size:11px!important;
  }
  .boardTeamIdentity.teamNameLong .teamRank,
  .boardTeamIdentity.teamNameLong .teamFullName{
    font-size:10px!important;
  }
  .boardTeamIdentity.teamNameXLong .teamRank,
  .boardTeamIdentity.teamNameXLong .teamFullName{
    font-size:9px!important;
  }
}


/* ===== FAST DAY NAVIGATION ===== */
.boardDayRail{
  position:sticky;
  top:118px;
  z-index:31;
  display:flex;
  align-items:center;
  gap:6px;
  margin:4px 0 12px;
  padding:6px 7px;
  overflow-x:auto;
  scrollbar-width:none;
  border:1px solid #282d34;
  border-radius:12px;
  background:rgba(8,10,13,.94);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 7px 18px rgba(0,0,0,.20);
}
.boardDayRail::-webkit-scrollbar{display:none}
.boardDayRailLabel{
  flex:0 0 auto;
  padding:0 4px;
  color:#727984;
  font-size:7px;
  font-weight:1000;
  letter-spacing:.13em;
}
.boardDayRail button{
  appearance:none;
  flex:0 0 auto;
  min-width:43px;
  min-height:30px;
  padding:5px 9px;
  border:1px solid #30363e;
  border-radius:9px;
  background:#0b0d10;
  color:#b1b6bd;
  font:inherit;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.08em;
}
.boardDayRail button:active{
  border-color:#c9a337;
  color:#ffd84f;
  background:rgba(255,216,79,.07);
}
.boardDayRail em{
  flex:0 0 auto;
  margin-left:auto;
  padding:5px 7px;
  border:1px solid rgba(255,216,79,.26);
  border-radius:8px;
  color:#ffd84f;
  font-size:8px;
  font-style:normal;
  font-weight:1000;
}

@media(max-width:700px){
  .broadcastBoardNav{
    top:78px!important;
  }
  .boardDayRail{
    top:117px!important;
    margin-left:-1px;
    margin-right:-1px;
  }
  .boardDayHeader{
    scroll-margin-top:168px!important;
  }
}