/* 30 Hub v4 — v0.9.49 premium command-center polish */
#hub .hubPage{
  --hub-v4-cyan:#58d7ff;
  --hub-v4-gold:#ffd45c;
  --hub-v4-ink:#06111f;
  --hub-v4-panel:rgba(7,24,43,.92);
  --hub-v4-line:rgba(94,209,255,.24);
  padding-bottom:116px;
}
#hub .hubPageHero{
  min-height:178px;
  align-items:stretch;
  padding:22px 22px 20px;
  border:1px solid rgba(95,220,255,.30)!important;
  border-radius:22px;
  background:
    linear-gradient(90deg,rgba(3,14,29,.96) 0%,rgba(3,15,30,.82) 52%,rgba(3,14,29,.46) 100%),
    linear-gradient(180deg,rgba(3,12,24,.08),rgba(3,12,24,.66)),
    url("assets/player-card/stadium.png") center 38%/cover no-repeat!important;
  box-shadow:0 18px 42px rgba(0,0,0,.40),inset 0 1px 0 rgba(202,244,255,.10),0 0 28px rgba(32,148,255,.08)!important;
}
#hub .hubPageHero:after{
  content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--hub-v4-cyan) 28%,var(--hub-v4-gold) 62%,transparent);
  opacity:.68;
}
#hub .hubPageHero .boardKicker{color:var(--hub-v4-gold)!important;letter-spacing:.22em}
#hub .hubPageHero .title{
  max-width:420px;margin:16px 0 7px;
  font-family:"Oswald",Inter,sans-serif;font-size:38px;line-height:.98;letter-spacing:-.025em;text-transform:uppercase;
  color:#f7fbff;text-shadow:0 3px 16px rgba(0,0,0,.7);
}
#hub .hubHeroDescriptor0535{font-size:14px;color:#b4c6d8!important}
#hub .hubHeroTagline0535{margin-top:5px;color:#ffe083!important;font-size:15px;font-weight:800}
#hub .hubPageMark{
  align-self:center;flex:0 0 100px;width:100px;height:100px;display:grid;place-items:center;
  border-radius:50%;background:radial-gradient(circle,rgba(32,178,255,.18),transparent 67%);
  filter:drop-shadow(0 0 20px rgba(27,166,255,.22));
}
#hub .hubPageMark img{display:block;width:92px;height:92px;object-fit:contain}
#hub .hubPageTabs{
  top:calc(76px + env(safe-area-inset-top));gap:7px;margin:0 0 18px;padding:6px;
  border-color:rgba(79,178,235,.22);border-radius:17px;
  background:rgba(4,16,30,.94);box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
}
#hub .hubPageTab{
  min-height:44px;border:1px solid rgba(88,179,235,.09)!important;border-radius:12px!important;
  font-family:Inter,system-ui,sans-serif;font-size:11px!important;font-weight:800!important;color:#9bacc0!important;
}
#hub .hubPageTab.active{
  border-color:rgba(255,211,84,.72)!important;
  background:linear-gradient(180deg,rgba(88,56,4,.85),rgba(33,22,5,.95))!important;
  color:#ffe58f!important;box-shadow:inset 0 0 0 1px rgba(255,229,143,.10),0 0 14px rgba(255,190,40,.10)!important;
}
#hub .hubWeekFeature{
  overflow:hidden;padding:20px!important;border-color:rgba(82,192,255,.26)!important;border-radius:22px!important;
  background:
    radial-gradient(80% 64% at 100% 0,rgba(31,119,220,.18),transparent 66%),
    linear-gradient(145deg,rgba(8,33,62,.97),rgba(3,14,27,.99) 64%,rgba(4,12,23,.99))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(190,238,255,.07)!important;
}
#hub .hubWeekGhost{color:rgba(38,147,255,.09);font-size:150px;right:4px;bottom:-31px}
#hub .hubWeekEyebrow{color:var(--hub-v4-gold)!important;font-size:10px;letter-spacing:.20em}
#hub .hubWeekTitle{max-width:360px;margin-top:8px;font-family:"Oswald",Inter,sans-serif;font-size:28px;line-height:1.06;color:#f7fbff}
#hub .hubWeekStatus{padding:8px 11px;border-color:rgba(92,206,255,.30);background:rgba(18,75,117,.20);color:#91e4ff}
#hub .hubWeekStatus.live{border-color:rgba(255,97,117,.54);background:rgba(164,30,51,.13);color:#ff8798}
#hub .hubWeekMetrics{gap:9px;margin-top:18px}
#hub .hubWeekMetrics>div{min-height:82px;padding:12px;border-color:rgba(92,199,255,.18)!important;background:linear-gradient(180deg,rgba(20,63,113,.26),rgba(4,16,30,.34));border-radius:14px}
#hub .hubWeekMetrics span{color:#92a8bd;font-size:8px;letter-spacing:.15em}
#hub .hubWeekMetrics b{margin-top:6px;color:#fff3b5;font-size:24px}
#hub .hubWeekSports{margin-top:12px;gap:7px}
#hub .hubWeekSports span{padding:6px 10px;border-color:rgba(84,181,235,.20)!important;background:rgba(8,29,51,.58);color:#b5c8d9;font-size:9px}
#hub .hubWeekSports b{color:#82dcff}
#hub .hubSpotlight{margin-top:14px;padding:14px 15px;border-color:rgba(255,207,66,.28)!important;background:linear-gradient(90deg,rgba(42,29,5,.56),rgba(8,20,34,.56))}
#hub .hubSpotlightBadge{color:#ffd661;font-size:8px}
#hub .hubSpotlightMatchup{font-size:16px;line-height:1.25}
#hub .hubWeekActions{gap:10px;margin-top:16px}
#hub .hubWeekActions .btn{min-height:48px;border-radius:13px;font-family:"Oswald",Inter,sans-serif;font-size:13px;font-weight:700}
#hub .hub30Module{
  position:relative;margin-top:14px;padding:14px;border:1px solid var(--hub-v4-line);border-radius:16px;
  background:linear-gradient(180deg,rgba(9,31,54,.88),rgba(3,15,27,.90));
}
#hub .hub30ModuleHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
#hub .hub30ModuleHead>div{min-width:0}
#hub .hub30ModuleHead span{display:block;color:var(--hub-v4-cyan);font-size:8px;font-weight:950;letter-spacing:.17em}
#hub .hub30ModuleHead b{display:block;margin-top:3px;color:#f2f7fb;font-size:13px}
#hub .hub30ModuleHead button{flex:0 0 auto;border:0;background:transparent;color:#9bdfff;font:800 10px Inter,sans-serif;cursor:pointer}
#hub .hub30LiveGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#hub .hub30LiveRow{
  min-width:0;padding:10px;border:1px solid rgba(80,184,238,.18);border-radius:12px;background:rgba(2,12,24,.50);color:#fff;text-align:left;cursor:pointer;
}
#hub .hub30LiveRow.gotw{border-color:rgba(255,205,63,.45);background:linear-gradient(180deg,rgba(61,42,7,.35),rgba(2,12,24,.56))}
#hub .hub30LiveSport{display:block;margin-bottom:7px;color:#7fdcff;font-size:8px;font-weight:950;letter-spacing:.1em}
#hub .hub30LiveRow.gotw .hub30LiveSport{color:#ffd969}
#hub .hub30LiveTeams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px}
#hub .hub30LiveTeams b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
#hub .hub30LiveTeams b:last-child{text-align:right}
#hub .hub30LiveTeams strong{font-family:"Oswald",Inter,sans-serif;font-size:17px;color:#fff}
#hub .hub30LiveRow small{display:block;margin-top:6px;color:#ff8292;font-size:8px;font-weight:800;text-transform:uppercase}
#hub .hub30NewsList{display:grid;gap:7px}
#hub .hub30NewsRow{
  position:relative;display:block;padding:11px 34px 11px 11px;border:1px solid rgba(87,180,232,.15);border-radius:12px;background:rgba(2,12,24,.46);color:inherit;text-decoration:none;
}
#hub .hub30NewsRow>span{display:flex;align-items:center;gap:7px;min-width:0}
#hub .hub30NewsRow em{font-style:normal;padding:3px 6px;border-radius:999px;background:rgba(39,132,190,.17);color:#8fe0ff;font-size:7px;font-weight:950;letter-spacing:.08em}
#hub .hub30NewsRow em.gotw{background:rgba(255,199,44,.12);color:#ffd86a}
#hub .hub30NewsRow em.fav{background:rgba(255,199,44,.15);color:#ffe48c}
#hub .hub30NewsRow small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8198ac;font-size:8px}
#hub .hub30NewsRow>b{display:block;margin-top:6px;color:#f1f6fa;font-size:12px;line-height:1.3}
#hub .hub30NewsRow>i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:#54d0ff;font-size:22px}
#hub .newsTabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
#hub .newsTabs::-webkit-scrollbar{display:none}
#hub .newsTab{flex:0 0 auto}
@media(max-width:520px){
  #hub .hubPageHero{min-height:156px;padding:18px 18px 17px}
  #hub .hubPageHero .title{font-size:32px;max-width:285px}
  #hub .hubPageMark{flex-basis:76px;width:76px;height:76px}
  #hub .hubPageMark img{width:72px;height:72px}
  #hub .hubWeekFeature{padding:17px!important}
  #hub .hubWeekTitle{font-size:25px}
  #hub .hub30LiveGrid{grid-template-columns:1fr}
}
@media(max-width:390px){
  #hub .hubPageHero .title{font-size:29px}
  #hub .hubHeroDescriptor0535{font-size:13px}
  #hub .hubPageTabs{gap:5px}
  #hub .hubPageTab{font-size:10px!important;padding:8px 3px}
}