/* Squares Pro Commissioner Home — stadium command center */
body:has(#home.active){
  --wow-cyan:#2bbcff;
  --wow-blue:#087fd4;
  --wow-gold:#efb92e;
  --wow-ink:#02080e;
  --wow-panel:rgba(3,14,23,.94);
  min-height:100vh;
  background:
    linear-gradient(180deg,rgba(0,5,10,.06),rgba(0,5,10,.3)),
    url('../themes/stadium-command-bg.webp') center top/cover fixed!important;
}
body:has(#home.active) main{padding:0 28px 36px!important;}
#home.stadiumHomePage{max-width:1760px!important;}

/* Brand header */
#home .stadiumHomeHeader{
  min-height:118px!important;
  padding:4px 18px 0!important;
  grid-template-columns:70px minmax(0,1fr) 70px!important;
}
#home .stadiumHeaderButton{
  width:56px!important;height:56px!important;
  border:1px solid #71899a!important;border-radius:9px!important;
  background:linear-gradient(145deg,rgba(20,37,50,.94),rgba(1,7,12,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 10px 24px rgba(0,0,0,.7),0 0 16px rgba(53,178,255,.12)!important;
}
#home .stadiumBrandLockup{gap:clamp(18px,2.6vw,42px)!important;}
#home .stadiumBrandLockup>img{
  width:90px!important;height:90px!important;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.7)) drop-shadow(0 0 18px rgba(24,139,255,.8))!important;
}
#home .stadiumMetalTitle{width:clamp(500px,46vw,700px)!important;}
#home .stadiumBrandWords small{margin-top:-2px!important;font-size:10px!important;letter-spacing:.46em!important;}

/* Broadcast command ribbon */
#home .stadiumHomeStrip{
  position:relative;isolation:isolate;
  min-height:62px!important;margin:0 8px 10px!important;
  grid-template-columns:1fr 1.45fr 1fr!important;
  background:linear-gradient(180deg,rgba(13,28,39,.98),rgba(1,7,12,.99))!important;
  border:2px solid transparent!important;
  border-radius:16px 16px 4px 4px!important;
  clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 22px,100% 100%,0 100%,0 22px)!important;
  box-shadow:0 0 0 1px #718a9a,0 12px 24px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -3px #07588d!important;
  overflow:hidden;
}
#home .stadiumHomeStrip::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 31%,rgba(27,166,255,.8) 31.1% 31.25%,transparent 31.35% 68%,rgba(27,166,255,.6) 68.1% 68.25%,transparent 68.35%),
    linear-gradient(90deg,transparent,rgba(17,121,189,.13),transparent);
}
#home .stadiumHomeStrip>div{padding:9px 18px!important;border-right:1px solid rgba(83,130,158,.28)!important;}
#home .stadiumHomeStrip>div:last-child{border:0!important;}
#home .stadiumHomeStrip small{font-size:8px!important;letter-spacing:.18em!important;}
#home .stadiumHomeStrip b{font-size:14px!important;text-shadow:0 2px 3px #000!important;}
#home .stadiumHomeStripCenter{gap:20px!important;}
#home .stadiumHomeStripCenter strong{font-size:23px!important;letter-spacing:.06em!important;}
#home .stadiumHomeStripCenter span{padding:4px 8px;color:#ffc52f!important;background:rgba(0,0,0,.42);font-size:9px!important;}

/* Hero command deck */
#home .stadiumHomeHero{
  isolation:isolate;
  grid-template-columns:minmax(0,1.65fr) minmax(400px,.6fr)!important;
  gap:34px!important;
  min-height:318px!important;margin:0 8px 10px!important;padding:28px 30px!important;
  background:
    linear-gradient(90deg,rgba(1,8,14,.96) 0%,rgba(2,12,20,.78) 48%,rgba(1,8,13,.9) 100%),
    url('../themes/stadium-command-bg.webp') center 59%/cover!important;
  border:1px solid #718b9a!important;
  border-radius:4px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.68),inset 0 0 0 2px #06111a,inset 0 0 55px rgba(16,120,190,.12)!important;
  overflow:hidden!important;
}
#home .stadiumHomeHero::before{inset:10px!important;border:1px solid rgba(74,190,255,.3)!important;}
#home .stadiumHomeHero::after{
  content:"";position:absolute;z-index:0;left:28%;right:21%;top:-5%;bottom:-9%;pointer-events:none;
  background:url('../themes/hero-football-cinematic.webp') center 48%/cover no-repeat;
  opacity:.76;filter:saturate(.88) contrast(1.08) brightness(.82);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 90%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 90%,transparent 100%);
  box-shadow:inset 0 -28px 34px rgba(0,8,14,.78);
}
#home .stadiumHomeHeroCopy{z-index:2!important;}
#home .stadiumHomeHeroCopy>small{font-size:12px!important;letter-spacing:.2em!important;text-shadow:0 2px 3px #000;}
#home .stadiumHomeHeroCopy h2{
  margin:10px 0 10px!important;
  font-family:Impact,"Arial Black",Arial,sans-serif!important;
  font-size:clamp(54px,5.1vw,82px)!important;font-weight:900!important;line-height:.91!important;letter-spacing:.005em!important;
  text-transform:uppercase;text-shadow:0 6px 5px #000,0 0 22px rgba(18,123,191,.13)!important;
}
#home .stadiumHomeHeroCopy h2 span{color:#efb82d!important;text-shadow:0 6px 5px #000,0 0 18px rgba(239,184,45,.13)!important;}
#home .stadiumHomeHeroCopy p{color:#d4dee4!important;font-size:13px!important;}
#home .stadiumHomeHeroActions{gap:14px!important;margin-top:15px!important;}
#home .stadiumHomeHeroActions button{
  min-width:184px!important;min-height:46px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#1599f4,#0756b5)!important;
  border:1px solid #5ed0ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 7px 17px rgba(0,0,0,.45),0 0 13px rgba(28,154,255,.28)!important;
  letter-spacing:.03em!important;
}
#home .stadiumHomeHeroActions button+button{
  color:#161003!important;background:linear-gradient(180deg,#f8d66a,#bd7c09)!important;border-color:#ffe896!important;
  box-shadow:inset 0 1px rgba(255,255,255,.6),0 7px 17px rgba(0,0,0,.45),0 0 13px rgba(239,184,45,.2)!important;
}

/* Live score module */
#home .stadiumHomeScoreCard{
  z-index:2!important;padding:13px!important;
  background:linear-gradient(180deg,rgba(3,17,28,.99),rgba(0,7,12,.99))!important;
  border:1px solid #168fd3!important;border-radius:2px!important;
  box-shadow:0 0 0 2px rgba(30,122,178,.25),0 0 18px rgba(30,171,255,.36),0 14px 30px rgba(0,0,0,.7),inset 0 0 24px rgba(20,110,171,.12)!important;
}
#home .stadiumHomeScoreCard::before{
  content:"";position:absolute;inset:-9px;z-index:-1;pointer-events:none;
  border:1px solid #244d65;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
  box-shadow:0 0 10px rgba(45,183,255,.28);
}
#home .stadiumHomeScoreCard header{padding:3px 3px 10px!important;font-size:9px!important;}
#home .stadiumHomeScoreCard>div{min-height:61px!important;margin-bottom:7px!important;padding:10px 14px!important;}
#home .stadiumHomeScoreCard span{font-size:14px!important;}
#home .stadiumHomeScoreCard strong{font-size:34px!important;}
#home .stadiumHomeScoreCard button{min-height:43px!important;border-radius:8px!important;}

/* Three glass metric cards */
#home .stadiumHomeSummary{gap:12px!important;margin:0 8px 10px!important;}
#home .stadiumHomeSummary button{
  position:relative;min-height:92px!important;padding:15px 16px 15px 96px!important;
  background:linear-gradient(145deg,rgba(9,36,53,.98),rgba(2,10,16,.99))!important;
  border:1px solid #278ac1!important;border-top:2px solid #45c4ff!important;border-radius:9px!important;
  box-shadow:inset 0 0 25px rgba(22,125,190,.08),0 10px 20px rgba(0,0,0,.5)!important;
}
#home .stadiumHomeSummary button::before{
  position:absolute;left:18px;top:50%;display:grid;place-items:center;width:58px;height:58px;
  color:#7fdcff;background:radial-gradient(circle,#0b5d9c,#03111c 70%);border:2px solid #269ede;border-radius:50%;
  font-size:28px;font-weight:900;transform:translateY(-50%);box-shadow:0 0 14px rgba(34,170,255,.45),inset 0 0 12px #000;
}
#home .stadiumHomeSummary button:nth-child(1)::before{content:"♟";}
#home .stadiumHomeSummary button:nth-child(2)::before{content:"$";}
#home .stadiumHomeSummary button:nth-child(3)::before{content:"◆";}
#home .stadiumHomeSummary small{font-size:8px!important;letter-spacing:.14em!important;}
#home .stadiumHomeSummary b{font-size:24px!important;}
#home .stadiumHomeSummary span{font-size:10px!important;}

/* Quick actions command bay */
#home .stadiumHomeQuickActions{
  margin:0 8px 10px!important;padding:14px 16px 16px!important;
  background:linear-gradient(180deg,rgba(2,11,18,.97),rgba(0,6,10,.99))!important;
  border:1px solid #168cd0!important;border-radius:6px!important;
  box-shadow:0 0 0 1px rgba(22,113,168,.28),0 14px 28px rgba(0,0,0,.6),inset 0 0 34px rgba(17,108,164,.06)!important;
}
#home .stadiumHomeSectionTitle{margin-bottom:12px!important;padding-bottom:10px!important;}
#home .stadiumHomeSectionTitle>span{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:18px!important;}
#home .stadiumHomeSectionTitle h3{font-size:19px!important;color:#f2f5f7!important;}
#home .stadiumHomeSectionTitle small{font-size:9px!important;}
#home .stadiumHomeActionGrid{gap:12px!important;}
#home .stadiumHomeActionGrid>button{
  position:relative;isolation:isolate;grid-template-rows:78px auto 1fr auto!important;
  min-height:190px!important;padding:13px!important;text-align:center!important;
  background:linear-gradient(155deg,rgba(10,42,62,.98),rgba(2,11,18,.99))!important;
  border:1px solid #287da9!important;border-radius:7px!important;
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)!important;
  box-shadow:inset 0 0 24px rgba(22,117,178,.08),0 8px 17px rgba(0,0,0,.48)!important;
}
#home .stadiumHomeActionGrid>button::before{
  content:"";position:absolute;inset:5px;z-index:-1;pointer-events:none;border:1px solid rgba(71,191,255,.2);
  clip-path:inherit;
}
#home .stadiumHomeActionGrid>button:hover{transform:translateY(-4px)!important;border-color:#56ccff!important;box-shadow:0 0 18px rgba(34,169,255,.33),0 12px 20px rgba(0,0,0,.6)!important;}
#home .stadiumHomeActionGrid i{
  justify-self:center;width:66px!important;height:66px!important;
  color:#d9effb!important;background:radial-gradient(circle at 45% 35%,#175e8c,#03101a 72%)!important;
  border:2px solid #379ed5!important;font-size:34px!important;
  box-shadow:0 0 14px rgba(40,177,255,.35),inset 0 0 14px #000;
}
#home .stadiumHomeActionGrid b{font-size:13px!important;font-style:italic!important;}
#home .stadiumHomeActionGrid span{justify-self:center;max-width:190px;font-size:9px!important;}
#home .stadiumHomeActionGrid strong{justify-self:start;color:#f4bd2d!important;font-size:9px!important;}

/* Footer */
#home .stadiumHomeFooter{
  position:relative;margin:0 8px!important;min-height:58px;padding:12px 16px 12px 74px!important;
  background:linear-gradient(90deg,rgba(16,14,7,.98),rgba(3,12,18,.98))!important;
  border:1px solid #bb8613!important;border-radius:5px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.48),inset 0 0 20px rgba(187,134,19,.05)!important;
}
#home .stadiumHomeFooter::before{
  content:"S";position:absolute;left:18px;top:50%;display:grid;place-items:center;width:38px;height:42px;
  color:#d9e7ef;background:linear-gradient(145deg,#173b57,#02070b);border:2px solid #a57b27;
  clip-path:polygon(50% 0,92% 15%,88% 72%,50% 100%,12% 72%,8% 15%);font-size:20px;font-weight:1000;transform:translateY(-50%);
}
#home .stadiumHomeFooter b{font-size:12px!important;font-style:italic!important;}
#home .stadiumHomeFooter button{min-width:155px!important;min-height:38px!important;border-radius:8px!important;}

@media(max-width:1200px){
  #home .stadiumHomeHero{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;}
  #home .stadiumHomeHeroCopy h2{font-size:clamp(50px,5.4vw,68px)!important;}
  #home .stadiumHomeActionGrid{grid-template-columns:repeat(3,1fr)!important;}
}
/* Fit the complete command center inside common 900–1000px desktop viewports. */
@media(min-width:851px) and (max-height:1000px){
  body:has(#home.active) main{padding-bottom:14px!important;}
  #home .stadiumHomeHeader{min-height:96px!important;padding-top:0!important;}
  #home .stadiumBrandLockup>img{width:76px!important;height:76px!important;}
  #home .stadiumMetalTitle{width:clamp(470px,42vw,625px)!important;}
  #home .stadiumBrandWords small{font-size:8px!important;}
  #home .stadiumHomeStrip{min-height:55px!important;margin-bottom:8px!important;}
  #home .stadiumHomeStrip>div{padding-block:6px!important;}
  #home .stadiumHomeStripCenter strong{font-size:20px!important;}
  #home .stadiumHomeHero{min-height:clamp(276px,34vh,325px)!important;margin-bottom:8px!important;padding:20px 28px!important;}
  #home .stadiumHomeHeroCopy h2{margin:7px 0 7px!important;font-size:clamp(50px,4.6vw,70px)!important;}
  #home .stadiumHomeHeroCopy>small{font-size:10px!important;}
  #home .stadiumHomeHeroActions{margin-top:12px!important;}
  #home .stadiumHomeHeroActions button{min-height:42px!important;}
  #home .stadiumHomeScoreCard{padding:10px!important;}
  #home .stadiumHomeScoreCard>div{min-height:52px!important;margin-bottom:5px!important;padding-block:7px!important;}
  #home .stadiumHomeScoreCard strong{font-size:30px!important;}
  #home .stadiumHomeScoreCard button{min-height:38px!important;}
  #home .stadiumHomeSummary{gap:10px!important;margin-bottom:8px!important;}
  #home .stadiumHomeSummary button{min-height:76px!important;padding:10px 14px 10px 82px!important;}
  #home .stadiumHomeSummary button::before{left:16px;width:50px;height:50px;font-size:24px;}
  #home .stadiumHomeSummary b{font-size:21px!important;}
  #home .stadiumHomeQuickActions{margin-bottom:8px!important;padding:10px 14px 12px!important;}
  #home .stadiumHomeSectionTitle{margin-bottom:9px!important;padding-bottom:7px!important;}
  #home .stadiumHomeSectionTitle>span{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:15px!important;}
  #home .stadiumHomeSectionTitle h3{font-size:17px!important;}
  #home .stadiumHomeActionGrid{gap:10px!important;}
  #home .stadiumHomeActionGrid>button{grid-template-rows:62px auto 1fr auto!important;min-height:clamp(156px,19vh,180px)!important;padding:10px!important;}
  #home .stadiumHomeActionGrid i{width:54px!important;height:54px!important;font-size:28px!important;}
  #home .stadiumHomeActionGrid b{font-size:12px!important;}
  #home .stadiumHomeActionGrid span{font-size:8px!important;}
  #home .stadiumHomeFooter{min-height:48px!important;padding-block:8px!important;}
  #home .stadiumHomeFooter::before{width:33px;height:36px;font-size:17px;}
  #home .stadiumHomeFooter button{min-height:32px!important;}
}
@media(max-width:850px){
  body:has(#home.active) main{padding-inline:10px!important;}
  #home .stadiumHomeHeader{min-height:86px!important;grid-template-columns:48px minmax(0,1fr) 48px!important;}
  #home .stadiumBrandLockup>img{width:58px!important;height:58px!important;}
  #home .stadiumMetalTitle{width:clamp(220px,55vw,390px)!important;}
  #home .stadiumHomeStrip{grid-template-columns:1fr!important;margin-inline:0!important;}
  #home .stadiumHomeHero{grid-template-columns:1fr!important;margin-inline:0!important;padding:24px 20px!important;}
  #home .stadiumHomeHero::after{left:25%;right:-8%;top:4%;bottom:33%;opacity:.32;}
  #home .stadiumHomeSummary{grid-template-columns:1fr!important;margin-inline:0!important;}
  #home .stadiumHomeQuickActions,#home .stadiumHomeFooter{margin-inline:0!important;}
  #home .stadiumHomeActionGrid{grid-template-columns:repeat(2,1fr)!important;}
  #home .stadiumHomeFooter{grid-template-columns:1fr!important;gap:8px!important;text-align:center!important;padding-left:16px!important;}
  #home .stadiumHomeFooter::before{display:none;}
}
@media(max-width:560px){
  #home .stadiumHomeHeroCopy h2{font-size:42px!important;}
  #home .stadiumHomeHeroActions{display:grid!important;grid-template-columns:1fr 1fr;}
  #home .stadiumHomeHeroActions button{min-width:0!important;}
  #home .stadiumHomeActionGrid{grid-template-columns:1fr!important;}
  #home .stadiumHomeHero::after{left:20%;right:-35%;opacity:.22;}
}