/* Squares Pro — authoritative game-day presentation layer */
body:has(#dashboard.active){--wow-rail:250px;--wow-gold:#d3a52f;--wow-blue:#168bc4;}

body:has(#dashboard.active) main{padding-top:5px!important;}
#dashboard{max-width:1700px!important;}

/* A real layout row: the title can never clip against the viewport. */
#dashboard .dashboardGameDayShell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--wow-rail)!important;
  grid-template-rows:64px auto!important;
  grid-template-areas:"marquee blank" "board side"!important;
  column-gap:20px!important;
  row-gap:4px!important;
  padding:0 8px 92px!important;
  overflow:visible!important;
  background:transparent!important;
}
#dashboard .dashboardGameDayShell::before,
#dashboard .dashboardGameDayShell::after{display:none!important;}

#dashboard .dashboardBoardMarquee{
  grid-area:marquee!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  height:64px!important;
  padding:4px 24px 0!important;
  overflow:hidden!important;
  color:transparent!important;
  background:linear-gradient(180deg,#fff 0 17%,#c9d0d4 18% 42%,#f7f9f9 43% 52%,#7a858b 53% 76%,#313b40 77% 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  font-family:Impact,'Arial Black',sans-serif!important;
  font-size:clamp(36px,3.35vw,58px)!important;
  font-weight:1000!important;
  letter-spacing:.075em!important;
  line-height:1!important;
  text-align:center!important;
  text-transform:uppercase!important;
  -webkit-text-stroke:1.4px #172027!important;
  filter:drop-shadow(0 2px 0 #f7f9fa) drop-shadow(0 5px 0 #242d32) drop-shadow(0 8px 7px rgba(0,0,0,.88))!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Board card is only a positioning wrapper. */
#dashboard .dashboardLiveBoardCard{
  grid-area:board!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  clip-path:none!important;
  box-shadow:none!important;
}
#dashboard .dashboardLiveBoardCard::after{display:none!important;content:none!important;}

/* Date plate floats across the frame's top rail. */
#dashboard .dashboardLiveBoardCard::before{
  content:attr(data-frame-meta)!important;
  position:absolute!important;
  left:31%!important;
  right:31%!important;
  top:-15px!important;
  bottom:auto!important;
  z-index:20!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:29px!important;
  padding:0 20px!important;
  color:#f5f7f8!important;
  background:linear-gradient(#0c1820,#02070b) padding-box,linear-gradient(90deg,#49616f,#f1f4f5 18%,#65737c 36%,#e4e8e9 52%,#53636d 72%,#eef1f2) border-box!important;
  border:2px solid transparent!important;
  clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%)!important;
  box-shadow:0 6px 9px rgba(0,0,0,.75)!important;
  font-size:clamp(13px,.92vw,16px)!important;
  font-weight:1000!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 2px #000!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* Heavy three-layer structural frame, using the existing silhouette. */
#dashboard .dashboardLiveBoard{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-rows:68px auto 31px!important;
  width:100%!important;
  min-width:0!important;
  padding:18px 25px 17px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#202a30 0%,#f8faf9 5%,#78848a 11%,#232d32 17%,#dce1e2 27%,#69757b 38%,#fff 49%,#4b575d 61%,#d8ddde 74%,#657178 86%,#f4f6f5 95%,#1b252b 100%)!important;
  border:0!important;
  clip-path:polygon(34px 0,calc(100% - 34px) 0,100% 34px,100% calc(100% - 34px),calc(100% - 34px) 100%,70% 100%,68% calc(100% - 12px),32% calc(100% - 12px),30% 100%,34px 100%,0 calc(100% - 34px),0 34px)!important;
  box-shadow:0 22px 24px rgba(0,0,0,.75)!important;
}
#dashboard .dashboardLiveBoard::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:0!important;
  background:radial-gradient(circle at 50% 0,rgba(45,82,106,.22),transparent 36%),linear-gradient(180deg,#0a1a25,#02080c 78%)!important;
  clip-path:polygon(27px 0,calc(100% - 27px) 0,100% 27px,100% calc(100% - 27px),calc(100% - 27px) 100%,70% 100%,68.5% calc(100% - 9px),31.5% calc(100% - 9px),30% 100%,27px 100%,0 calc(100% - 27px),0 27px)!important;
  box-shadow:inset 0 0 0 3px #111a1f,inset 0 0 0 5px #39464d,inset 0 0 28px #000!important;
  pointer-events:none!important;
}
#dashboard .dashboardLiveBoard>*{position:relative!important;z-index:1!important;}
#dashboard .dashBoardMetaLine{display:none!important;}

/* Chrome matchup labels. */
#dashboard .dashTeamTop{
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:68px!important;
  margin:0 10px 0 132px!important;
  padding:2px 28px!important;
  background:transparent!important;
  border:0!important;
  clip-path:none!important;
  box-shadow:none!important;
}
#dashboard .dashTeamTopRule{display:none!important;}
#dashboard .dashTeamTop b,
#dashboard .dashTeamLeft span{
  color:transparent!important;
  background:linear-gradient(180deg,#fff 0 17%,#c6cdd0 18% 43%,#f5f7f7 44% 52%,#747f85 53% 77%,#2a3439 78% 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1.2px #192227!important;
  filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 4px 0 #303a40) drop-shadow(0 7px 6px rgba(0,0,0,.85))!important;
}
#dashboard .dashTeamTop b{font-size:clamp(46px,3.55vw,66px)!important;letter-spacing:.13em!important;line-height:1!important;}

#dashboard .dashBoardStage{
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:0!important;
  min-width:0!important;
  margin:0 10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#dashboard .dashTeamLeft{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#dashboard .dashTeamLeft span{font-size:clamp(44px,3.35vw,62px)!important;line-height:.88!important;letter-spacing:.09em!important;}

/* Board outline and compact readable grid. */
#dashboard .dashBoardScroll{
  min-width:0!important;
  overflow:hidden!important;
  background:#f4f4f2!important;
  border:6px solid #e7ecee!important;
  box-shadow:0 0 0 2px #2c383f,0 0 0 4px #05090c,0 9px 15px rgba(0,0,0,.72)!important;
}
#dashboard .dashBoardTable{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;}
#dashboard .dashBoardTable td{
  height:40px!important;
  padding:2px 4px!important;
  color:#101519!important;
  background:linear-gradient(#fbfbfa,#ededeb)!important;
  border:1px solid #abb2b6!important;
}
#dashboard .dashHeader{color:#fff!important;font-size:clamp(19px,1.45vw,25px)!important;font-weight:1000!important;text-shadow:0 2px 2px #000!important;}
#dashboard .dashBoardTable td.dashTopHeader{background:linear-gradient(180deg,color-mix(in srgb,var(--premium-top-color,#123d73) 76%,#e9edf0),color-mix(in srgb,var(--premium-top-color,#123d73) 82%,#020509))!important;}
#dashboard .dashBoardTable td.dashLeftHeader{background:linear-gradient(90deg,color-mix(in srgb,var(--premium-left-color,#7f1d1d) 76%,#e9edf0),color-mix(in srgb,var(--premium-left-color,#7f1d1d) 82%,#020509))!important;}
#dashboard .dashBoardTable td.dashCorner{background:linear-gradient(135deg,var(--premium-left-color,#7f1d1d),color-mix(in srgb,var(--premium-left-color,#7f1d1d) 50%,var(--premium-top-color,#123d73)),var(--premium-top-color,#123d73))!important;}
#dashboard .dashOwner{font-size:clamp(11px,.78vw,14px)!important;font-weight:850!important;}

#dashboard .dashBoardMotto{
  grid-row:3!important;
  align-self:center!important;
  justify-self:center!important;
  width:43%!important;
  min-height:24px!important;
  margin:0!important;
  padding:3px 16px!important;
  color:#efbd3f!important;
  background:rgba(0,0,0,.52)!important;
  border:0!important;
  clip-path:none!important;
  box-shadow:none!important;
  font-size:10px!important;
  letter-spacing:.23em!important;
  text-shadow:0 2px 2px #000!important;
}

/* Independent, fully opaque rail cards. */
#dashboard .dashboardBoardStatus{
  grid-area:side!important;
  align-self:start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  clip-path:none!important;
  box-shadow:none!important;
}
#dashboard .dashboardBoardStatus::before{display:none!important;}
#dashboard .premiumRailSection,
#dashboard .dashboardPlayerHighlight{
  position:relative!important;
  isolation:isolate!important;
  margin:0 0 12px!important;
  overflow:hidden!important;
  color:#edf2f4!important;
  background:linear-gradient(135deg,#f3c95b,#6d5015 24%,#e1af32 50%,#5d4514 76%,#f0c556)!important;
  border:0!important;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)!important;
  filter:drop-shadow(0 9px 9px rgba(0,0,0,.58))!important;
}
#dashboard .premiumRailSection::before,
#dashboard .dashboardPlayerHighlight::before{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  z-index:0!important;
  height:auto!important;
  background:rgba(3,14,23,.98)!important;
  clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)!important;
  pointer-events:none!important;
}
#dashboard .premiumRailSection>*,#dashboard .dashboardPlayerHighlight>*{position:relative!important;z-index:1!important;}
#dashboard .premiumRailSection h4{padding:8px!important;font-size:15px!important;color:#eef1f2!important;border-bottom:1px solid #7b5b1c!important;}
#dashboard .premiumRailScore{grid-template-columns:minmax(0,1fr) auto!important;min-height:49px!important;margin:6px!important;padding:7px 10px!important;}
#dashboard .premiumRailScore b{font-size:12px!important;overflow:visible!important;text-overflow:clip!important;}
#dashboard .premiumRailScore strong{font-size:25px!important;}
#dashboard .premiumRailRow b{font-size:9px!important;}

/* Floating console buttons with one material system. */
#dashboard .premiumGameToolbar{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:12px!important;
  margin:-82px 0 0!important;
  padding:8px 0!important;
  background:transparent!important;
  border:0!important;
  clip-path:none!important;
  box-shadow:none!important;
}
#dashboard .premiumGameToolbar button{
  min-height:52px!important;
  background:linear-gradient(135deg,#e6edf0,#526a79 20%,#192936 38%,#cbd7dd 53%,#526b7a 72%,#e5ecef)!important;
  border:0!important;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.58))!important;
}
#dashboard .premiumGameToolbar button::before{background:linear-gradient(#162937,#07121c)!important;}
#dashboard .premiumGameToolbar button.primary{background:linear-gradient(135deg,#fff0a4,#a9720d 22%,#4c3204 40%,#f4c84e 56%,#8d5f08 74%,#f7d56f)!important;}
#dashboard .premiumGameToolbar button.primary::before{background:linear-gradient(#5d430d,#1a1105)!important;}
#dashboard .premiumGameToolbar button b{font-size:10px!important;}

/* Bottom status console. */
#dashboard .premiumBoardStatusBar{
  display:grid!important;
  grid-template-columns:1.05fr .8fr .9fr .85fr 1.05fr 1.15fr!important;
  min-height:66px!important;
  margin:8px 0 0!important;
  color:#eef2f4!important;
  background:linear-gradient(#071722,#02080d)!important;
  border:1px solid #9b7623!important;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)!important;
  box-shadow:0 9px 18px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04)!important;
}
#dashboard .premiumBoardStatusBar>div{padding:8px 13px!important;}
#dashboard .premiumBoardStatusBar span{font-size:8px!important;}
#dashboard .premiumBoardStatusBar b{font-size:11px!important;}

/* Theme card uses the same chamfer language and fits its button. */
body:has(#dashboard.active) .premiumDashThemePanel{width:calc(100% - 10px)!important;margin:auto 5px 2px!important;padding:8px!important;}
body:has(#dashboard.active) .premiumDashThemePanel>button{width:100%!important;min-height:34px!important;font-size:9px!important;}

@media(max-width:1120px){
  #dashboard .dashboardGameDayShell{grid-template-columns:minmax(0,1fr) 220px!important;grid-template-rows:52px auto!important;column-gap:12px!important;}
  #dashboard .dashboardBoardMarquee{height:52px!important;font-size:clamp(29px,4vw,42px)!important;}
  #dashboard .dashboardLiveBoard{padding:14px!important;grid-template-rows:58px auto 28px!important;}
  #dashboard .dashBoardStage{grid-template-columns:84px minmax(0,1fr)!important;margin-inline:6px!important;}
  #dashboard .dashTeamTop{min-height:58px!important;margin-left:90px!important;}
  #dashboard .dashTeamTop b{font-size:clamp(38px,4.5vw,50px)!important;}
  #dashboard .dashTeamLeft span{font-size:clamp(34px,4vw,44px)!important;}
  #dashboard .dashBoardTable td{height:36px!important;}
  #dashboard .dashboardLiveBoardCard::before{left:26%!important;right:26%!important;font-size:11px!important;}
}

@media(max-width:850px){
  #dashboard .dashboardGameDayShell{grid-template-columns:1fr!important;grid-template-rows:48px auto auto!important;grid-template-areas:"marquee" "board" "side"!important;padding-bottom:12px!important;}
  #dashboard .dashboardBoardStatus{margin-top:14px!important;}
  #dashboard .premiumGameToolbar{grid-template-columns:repeat(2,1fr)!important;margin:8px 0 0!important;}
  #dashboard .premiumBoardStatusBar{grid-template-columns:repeat(2,1fr)!important;}
}

/* Final correction pass: stronger chrome, heavier chassis, clean vertical separation. */
#dashboard .dashboardBoardMarquee{
  background:linear-gradient(180deg,#ffffff 0 16%,#d7dde0 17% 34%,#667279 35% 47%,#f8fafa 48% 58%,#9aa5aa 59% 78%,#515e65 79% 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-stroke:1.7px #11191e!important;
  filter:drop-shadow(0 -1px 0 #fff) drop-shadow(0 3px 0 #7f8a8f) drop-shadow(0 6px 0 #20292e) drop-shadow(0 9px 8px rgba(0,0,0,.88))!important;
}

#dashboard .dashboardLiveBoard{
  padding:22px 29px 20px!important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(0,0,0,.05) 1px 3px,transparent 3px 7px),
    linear-gradient(145deg,#121a1f 0%,#f8faf9 5%,#747f85 10%,#20292e 16%,#e7ebeb 25%,#68747a 36%,#ffffff 48%,#465258 60%,#dce1e1 73%,#59666c 85%,#f4f6f5 95%,#141d22 100%)!important;
  box-shadow:0 25px 27px rgba(0,0,0,.78),0 0 0 1px #05090c!important;
}
#dashboard .dashboardLiveBoard::before{
  inset:13px!important;
  clip-path:polygon(23px 0,calc(100% - 23px) 0,100% 23px,100% calc(100% - 23px),calc(100% - 23px) 100%,70% 100%,68.7% calc(100% - 7px),31.3% calc(100% - 7px),30% 100%,23px 100%,0 calc(100% - 23px),0 23px)!important;
  box-shadow:inset 0 0 0 2px #03070a,inset 0 0 0 5px #3e4a50,inset 0 0 34px #000!important;
}

#dashboard .dashTeamTop b,
#dashboard .dashTeamLeft span{
  background:linear-gradient(180deg,#ffffff 0 15%,#d8dde0 16% 33%,#626e74 34% 47%,#fafbfb 48% 58%,#909ba0 59% 78%,#3f4a50 79% 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1.6px #10181d!important;
  filter:drop-shadow(0 -1px 0 #fff) drop-shadow(0 3px 0 #748086) drop-shadow(0 5px 0 #20292e) drop-shadow(0 8px 7px rgba(0,0,0,.88))!important;
}

#dashboard .dashBoardScroll{
  border:4px solid #dce2e4!important;
  box-shadow:0 0 0 2px #4b585f,0 0 0 5px #03070a,0 10px 16px rgba(0,0,0,.76)!important;
}

#dashboard .premiumGameToolbar{margin-top:-68px!important;}
#dashboard .dashboardPlayerHighlight{margin-bottom:2px!important;}

@media(max-width:1120px){
  #dashboard .dashboardLiveBoard{padding:18px!important;}
  #dashboard .dashboardLiveBoard::before{inset:10px!important;}
}

/* v72 — balanced composition and true gunmetal typography. */
body:has(#dashboard.active) main{
  padding-top:22px!important;
}

#dashboard .dashboardGameDayShell{
  grid-template-rows:68px auto!important;
  padding-bottom:78px!important;
}

/* Dark metal is the base; the pale stripes are reflections, not white fill. */
#dashboard .dashboardBoardMarquee,
#dashboard .dashTeamTop b,
#dashboard .dashTeamLeft span{
  background:linear-gradient(180deg,
    #aeb7bb 0 8%,
    #3f4b51 9% 23%,
    #111a1f 24% 38%,
    #dbe0e1 39% 46%,
    #69757b 47% 58%,
    #202b30 59% 76%,
    #858f94 77% 87%,
    #303b41 88% 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1.8px #080d10!important;
  filter:drop-shadow(0 -1px 0 #bfc7ca) drop-shadow(0 2px 0 #56636a) drop-shadow(0 5px 0 #10171b) drop-shadow(0 9px 8px rgba(0,0,0,.92))!important;
}

#dashboard .dashboardBoardMarquee{
  height:68px!important;
  padding-top:2px!important;
}

/* Smoother brushed gunmetal frame with bright highlights only at the bevels. */
#dashboard .dashboardLiveBoard{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 5px,rgba(0,0,0,.055) 5px 6px,transparent 6px 11px),
    linear-gradient(145deg,#222d32 0%,#c5ccce 5%,#58646a 10%,#1b252a 17%,#8f999d 27%,#303b40 39%,#d7dcdd 49%,#4a565c 60%,#929c9f 73%,#303b41 86%,#b8c0c2 95%,#1b252a 100%)!important;
}

/* The controls now share the board column's exact left edge and width. */
#dashboard .premiumGameToolbar{
  width:calc(100% - var(--wow-rail) - 36px)!important;
  margin:-56px 0 0 8px!important;
  padding:7px 0!important;
  gap:12px!important;
}

#dashboard .premiumGameToolbar button{
  min-height:50px!important;
}

/* Keep the utility strip quiet and compact beneath the primary controls. */
#dashboard .premiumBoardStatusBar{
  min-height:48px!important;
  margin-top:6px!important;
}
#dashboard .premiumBoardStatusBar>div{
  min-height:46px!important;
  padding:5px 10px!important;
}
#dashboard .premiumBoardStatusBar span{
  margin-bottom:1px!important;
  font-size:7px!important;
}
#dashboard .premiumBoardStatusBar b{
  font-size:10px!important;
}
#dashboard .premiumBoardOptions button{
  min-height:29px!important;
}

/* The theme selector must remain visible and fully contained at desktop height. */
body:has(#dashboard.active) .premiumDashThemePanel{
  display:grid!important;
  flex:0 0 auto!important;
  width:calc(100% - 8px)!important;
  margin:auto 4px 0!important;
  padding:7px!important;
}
body:has(#dashboard.active) .premiumDashThemePreview{
  height:50px!important;
}
body:has(#dashboard.active) .premiumDashThemePanel>button{
  min-height:31px!important;
}

@media(max-width:1120px){
  body:has(#dashboard.active) main{padding-top:10px!important;}
  #dashboard .premiumGameToolbar{width:100%!important;margin:8px 0 0!important;}
}

/* v73 — the board name is the hero: full-height, bright, readable silver. */
html:has(#dashboard.active),
body:has(#dashboard.active){
  min-height:100%!important;
  height:auto!important;
  overflow-y:auto!important;
}
body:has(#dashboard.active) .app{
  height:auto!important;
  min-height:100vh!important;
  overflow:visible!important;
}
body:has(#dashboard.active) main{
  min-height:100vh!important;
  padding-bottom:34px!important;
  overflow:visible!important;
}
#dashboard .dashboardGameDayShell{
  grid-template-rows:104px auto!important;
  row-gap:6px!important;
}
#dashboard .dashboardBoardMarquee{
  height:82px!important;
  padding:0 22px 2px!important;
  overflow:visible!important;
  background:linear-gradient(180deg,
    #f7f9f9 0 12%,
    #b9c1c4 13% 29%,
    #667278 30% 40%,
    #ffffff 41% 50%,
    #a0aaae 51% 67%,
    #e2e6e7 68% 81%,
    #59656b 82% 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:2px #070b0e!important;
  font-size:clamp(48px,4.15vw,70px)!important;
  letter-spacing:.065em!important;
  filter:drop-shadow(0 -1px 0 #fff) drop-shadow(0 2px 0 #899398) drop-shadow(0 5px 0 #182126) drop-shadow(0 10px 10px rgba(0,0,0,.95))!important;
}

@media(max-width:1120px){
  #dashboard .dashboardGameDayShell{grid-template-rows:82px auto!important;}
  #dashboard .dashboardBoardMarquee{height:64px!important;font-size:clamp(38px,5vw,54px)!important;}
}