/* Final cascade: identical centered football menu on every page. */
html body.nonhome header.topbar{
  position:sticky!important;top:0!important;z-index:500!important;width:100%!important;height:62px!important;min-height:62px!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:0!important;
  background:linear-gradient(180deg,#11171b,#050708)!important;border:0!important;box-shadow:0 4px 12px rgba(0,0,0,.42)!important;overflow:visible!important;
}
html body.nonhome header.topbar .brand{display:none!important}
html body.nonhome header.topbar .nav{
  position:relative!important;inset:auto!important;flex:0 0 55%!important;width:55%!important;height:54px!important;margin:4px 0!important;padding:0!important;
  display:flex!important;align-items:stretch!important;justify-content:center!important;gap:0!important;overflow:visible!important;
  border:1px solid #7d3518!important;border-right:0!important;border-radius:8px 0 0 8px!important;
  background:repeating-linear-gradient(95deg,rgba(255,255,255,.018) 0 2px,rgba(0,0,0,.018) 2px 5px),linear-gradient(180deg,#9a421d 0%,#713014 38%,#4d1c0b 68%,#2d0c04 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,205,156,.34),inset 0 -7px 13px rgba(0,0,0,.30),0 3px 8px rgba(0,0,0,.38)!important;
}
html body.nonhome header.topbar .nav::before,html body.nonhome header.topbar .nav::after{
  content:''!important;display:block!important;position:absolute!important;left:9px!important;right:9px!important;height:1px!important;z-index:1!important;pointer-events:none!important;
  background:repeating-linear-gradient(90deg,#d68b56 0 6px,transparent 6px 11px)!important;opacity:.48!important;
}
html body.nonhome header.topbar .nav::before{top:5px!important}html body.nonhome header.topbar .nav::after{bottom:5px!important}
html body.nonhome header.topbar .nav>button:nth-child(n){
  position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;flex:1 1 0!important;width:auto!important;min-width:0!important;height:100%!important;
  margin:0!important;padding:0 .45vw!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-left:1px solid rgba(255,215,176,.10)!important;border-right:1px solid rgba(20,4,0,.34)!important;border-bottom:3px solid transparent!important;border-radius:0!important;
  background:transparent!important;color:#f8f5ee!important;font-family:'Freshman',Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;
  font-size:clamp(11px,.88vw,16px)!important;font-weight:900!important;letter-spacing:.025em!important;line-height:1!important;text-shadow:0 2px 2px #160500,0 0 5px rgba(0,0,0,.45)!important;
  white-space:nowrap!important;overflow:hidden!important;pointer-events:auto!important;cursor:pointer!important;
}
html body.nonhome header.topbar .nav>button:hover,html body.nonhome header.topbar .nav>button:focus-visible{background:linear-gradient(180deg,rgba(255,211,169,.16),rgba(68,12,3,.18))!important;color:#fff!important;outline:2px solid #e7b36c!important;outline-offset:-3px!important}
html body.nonhome header.topbar .nav>button.active{border-bottom-color:#f1d38a!important;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(0,0,0,.14))!important;color:#fff!important}
html body.nonhome header.topbar .topbar-actions{
  position:relative!important;inset:auto!important;flex:0 0 15%!important;width:15%!important;height:54px!important;margin:4px 0!important;padding:0!important;
  display:flex!important;align-items:stretch!important;justify-content:stretch!important;gap:0!important;pointer-events:auto!important;
  border:1px solid #7d3518!important;border-left:0!important;border-radius:0 8px 8px 0!important;background:linear-gradient(180deg,#713014,#3a1308)!important;
  box-shadow:inset 0 1px 0 rgba(255,205,156,.26),0 3px 8px rgba(0,0,0,.38)!important;
}
html body.nonhome header.topbar .account,html body.nonhome header.topbar .topbar-chat{
  position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;flex:1 1 0!important;width:auto!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0 .35vw!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-left:1px solid rgba(255,215,176,.13)!important;border-radius:0!important;
  background:
    repeating-linear-gradient(90deg,#d68b56 0 6px,transparent 6px 11px) left .42vw top 5px/calc(100% - .84vw) 1px no-repeat,
    repeating-linear-gradient(90deg,#d68b56 0 6px,transparent 6px 11px) left .42vw bottom 5px/calc(100% - .84vw) 1px no-repeat,
    linear-gradient(180deg,#9a421d 0%,#713014 38%,#4d1c0b 68%,#2d0c04 100%)!important;color:#fff!important;font-family:'Freshman',Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;
  font-size:clamp(10px,.80vw,15px)!important;font-weight:900!important;letter-spacing:.02em!important;line-height:1!important;text-shadow:0 2px 2px #000!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  pointer-events:auto!important;cursor:pointer!important;white-space:nowrap!important;
}
html body.nonhome header.topbar .account:hover,html body.nonhome header.topbar .topbar-chat:hover{background:linear-gradient(180deg,#a94c24,#773116 48%,#351006)!important;color:#fff!important}
html body.nonhome header.topbar .topbar-chat{padding-bottom:3px!important;border-radius:0 7px 7px 0!important}

/* Home overlay matches the interior menu's 70%-wide, screen-centered footprint. */
html body.home-mode .topbar{display:none!important}
html body.home-mode #home.screen.active .final-home-canvas::before{
  content:''!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:2.05%!important;height:6.25%!important;z-index:129!important;pointer-events:none!important;
  background:linear-gradient(180deg,#11171b 0%,#050708 100%)!important;box-shadow:0 .20vw .48vw rgba(0,0,0,.42)!important;
}
html body.home-mode #home.screen.active .final-home-canvas>.home-main-nav{
  display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;left:15%!important;right:auto!important;top:2.30%!important;width:55%!important;height:5.74%!important;
  margin:0!important;padding:0!important;align-items:stretch!important;justify-content:center!important;gap:0!important;z-index:130!important;pointer-events:auto!important;overflow:visible!important;
  border:1px solid #7d3518!important;border-right:0!important;border-radius:.48vw 0 0 .48vw!important;
  background:repeating-linear-gradient(95deg,rgba(255,255,255,.018) 0 2px,rgba(0,0,0,.018) 2px 5px),linear-gradient(180deg,#9a421d,#713014 38%,#4d1c0b 68%,#2d0c04)!important;
  box-shadow:inset 0 1px 0 rgba(255,205,156,.34),inset 0 -.42vw .78vw rgba(0,0,0,.30),0 .18vw .48vw rgba(0,0,0,.42)!important;
}

/* Sharp official logo remains larger than the independently editable GOTW logo. */
html body.home-mode #home.screen.active .final-home-canvas>.home-logo-mount.home-pickem-sharp{
  display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;z-index:20!important;pointer-events:none!important;background:transparent!important;
}
html body.home-mode #home.screen.active .final-home-canvas>.home-logo-mount.home-pickem-sharp::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  background:url("locked-dashboard-editable-base-v21.png?v=EDITABLE_LOGOS_20260905_1") center/100% 100% no-repeat!important;
  filter:blur(9px)!important;
  -webkit-mask-image:radial-gradient(ellipse 13.2% 20.9% at 13.4% 20.3%,#000 42%,rgba(0,0,0,.88) 62%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 13.2% 20.9% at 13.4% 20.3%,#000 42%,rgba(0,0,0,.88) 62%,transparent 100%)!important;
  z-index:0!important;
}
html body.home-mode #home .home-pickem-official-sharp{
  display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;left:3.5%!important;top:4.2%!important;
  width:auto!important;height:32.175%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;
  filter:drop-shadow(0 .24vw .28vw rgba(0,0,0,.52))!important;z-index:1!important;
}
html body.home-mode #home .home-main-nav::before,html body.home-mode #home .home-main-nav::after{
  content:''!important;display:block!important;position:absolute!important;left:.55vw!important;right:.55vw!important;height:1px!important;z-index:1!important;pointer-events:none!important;
  background:repeating-linear-gradient(90deg,#d68b56 0 6px,transparent 6px 11px)!important;opacity:.48!important;
}
html body.home-mode #home .home-main-nav::before{top:9%!important}html body.home-mode #home .home-main-nav::after{bottom:9%!important}
html body.home-mode #home .home-main-nav>button:nth-child(n){
  position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;display:flex!important;visibility:visible!important;opacity:1!important;
  flex:1 1 0!important;width:auto!important;min-width:0!important;height:100%!important;margin:0!important;padding:0 .35vw!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-left:1px solid rgba(255,215,176,.10)!important;border-right:1px solid rgba(20,4,0,.34)!important;border-bottom:3px solid transparent!important;border-radius:0!important;
  background:transparent!important;color:#f8f5ee!important;font-family:'Freshman',Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;font-size:clamp(11px,.88vw,16px)!important;font-weight:900!important;
  letter-spacing:.025em!important;line-height:1!important;text-shadow:0 2px 2px #160500,0 0 5px rgba(0,0,0,.45)!important;white-space:nowrap!important;overflow:hidden!important;pointer-events:auto!important;cursor:pointer!important;z-index:2!important;
}
html body.home-mode #home .home-main-nav>button:hover,html body.home-mode #home .home-main-nav>button:focus-visible{background:linear-gradient(180deg,rgba(255,211,169,.16),rgba(68,12,3,.18))!important;color:#fff!important;outline:2px solid #e7b36c!important;outline-offset:-3px!important}
html body.home-mode #home .home-main-nav>button:first-child{border-bottom-color:#f1d38a!important}
html body.home-mode #home .exact-login,html body.home-mode #home #finalHomeChat{
  display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;top:2.30%!important;height:5.74%!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;
  z-index:132!important;pointer-events:auto!important;cursor:pointer!important;border:1px solid #7d3518!important;border-radius:0!important;color:#fff!important;
  font-family:'Freshman',Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;font-size:clamp(10px,.80vw,15px)!important;font-weight:900!important;letter-spacing:.02em!important;line-height:1!important;
  text-shadow:0 2px 2px #000!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 .18vw .48vw rgba(0,0,0,.42)!important;
}
html body.home-mode #home .exact-login{left:70%!important;width:7.5%!important}
html body.home-mode #home .exact-login::before{content:'LOGIN'}
html body.home-mode #home #finalHomeChat{left:77.5%!important;right:auto!important;width:7.5%!important;border-radius:0 .48vw .48vw 0!important}
html body.home-mode #home #finalHomeChat::before{content:'💬  CHAT'}
html body.home-mode #home .exact-login,html body.home-mode #home #finalHomeChat{
  background:
    repeating-linear-gradient(90deg,#d68b56 0 6px,transparent 6px 11px) left .42vw top 9%/calc(100% - .84vw) 1px no-repeat,
    repeating-linear-gradient(90deg,#d68b56 0 6px,transparent 6px 11px) left .42vw bottom 9%/calc(100% - .84vw) 1px no-repeat,
    linear-gradient(180deg,#9a421d 0%,#713014 38%,#4d1c0b 68%,#2d0c04 100%)!important;
}
html body.home-mode #home .exact-login:hover,html body.home-mode #home #finalHomeChat:hover{background:linear-gradient(180deg,#a94c24,#773116 48%,#351006)!important;color:#fff!important}

/* Add stitching to the existing baked window headers without repainting or duplicating their text. */
html body.home-mode #home.screen.active .final-home-canvas>.home-panel-heading{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important;
}
html body.home-mode #home .home-panel-heading>.home-panel-heading-title,
html body.home-mode #home .home-panel-heading>.home-panel-heading-live{display:none!important}
html body.home-mode #home .home-panel-heading::before,
html body.home-mode #home .home-panel-heading::after{
  content:''!important;display:block!important;position:absolute!important;left:.55vw!important;right:.55vw!important;height:1px!important;z-index:2!important;pointer-events:none!important;
  background:repeating-linear-gradient(90deg,#d68b56 0 6px,transparent 6px 11px)!important;opacity:.48!important;
}
html body.home-mode #home .home-panel-heading::before{top:9%!important}
html body.home-mode #home .home-panel-heading::after{bottom:9%!important}

/* Keep the saved leaderboard window and header intact; activate only its controls and live rows. */
html body.home-mode #home.screen.active .final-home-canvas>#homeLeaderPanel{
  display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  flex-direction:column!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;
}
html body.home-mode #home #homeLeaderPanel>.home-leader-head{display:none!important}
html body.home-mode #home #homeLeaderPanel::before{
  content:''!important;display:block!important;position:absolute!important;left:4.3%!important;right:4.3%!important;top:5.1%!important;height:11.2%!important;
  z-index:2!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(230,232,232,.998),rgba(198,201,202,.998))!important;
  border:1px solid rgba(83,88,91,.34)!important;border-radius:.34vw!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
html body.home-mode #home #homeLeaderPanel>.home-leader-tabs{
  position:absolute!important;left:5.2%!important;right:5.2%!important;top:6.7%!important;height:8.2%!important;margin:0!important;z-index:3!important;pointer-events:auto!important;
}
html body.home-mode #home #homeLeaderPanel>.home-leader-body{
  position:absolute!important;left:5.2%!important;right:5.2%!important;top:17.2%!important;bottom:2.2%!important;min-height:0!important;margin:0!important;padding:1.5% 1.5% 2.2%!important;z-index:2!important;
  overflow-y:auto!important;overflow-x:hidden!important;pointer-events:auto!important;color:#111!important;
  background:repeating-linear-gradient(0deg,rgba(70,70,70,.045) 0 1px,rgba(255,255,255,.025) 1px 3px),linear-gradient(180deg,rgba(230,232,232,.995),rgba(198,201,202,.995))!important;
  border:1px solid rgba(83,88,91,.52)!important;border-radius:.24vw!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
html body.home-mode #home #homeLeaderPanel .home-leader-weekline,
html body.home-mode #home #homeLeaderPanel .home-leader-table th,
html body.home-mode #home #homeLeaderPanel .home-leader-table td,
html body.home-mode #home #homeLeaderPanel .home-leader-empty{color:#171b1e!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important}
html body.home-mode #home #homeLeaderPanel .home-leader-table th{border-bottom-color:rgba(130,86,15,.72)!important}
html body.home-mode #home #homeLeaderPanel .home-leader-table td{border-bottom-color:rgba(45,49,52,.20)!important}
html body.home-mode #home #homeLeaderPanel .home-leader-table tr:first-child td{color:#8c0b07!important}

/* Use one uninterrupted live-game rail; remove the separate label panel that would not blend. */
html body.home-mode #home.screen.active .final-home-canvas>.home-ticker{
  left:0!important;right:0!important;background:linear-gradient(180deg,#171c20 0%,#080b0e 48%,#030506 100%)!important;
}
html body.home-mode #home .home-ticker::before{
  content:none!important;display:none!important;
}
html body.home-mode #home .home-ticker-window{left:0!important;right:0!important;top:0!important;bottom:0!important;inset:0!important}

/* Restore the saved broadcast ticker as a visible, continuously moving layer. */
html body.home-mode #home.screen.active .final-home-canvas>.home-ticker{
  display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;bottom:1.60%!important;height:8.50%!important;z-index:125!important;
}
html body.home-mode #home .home-ticker-track{display:flex!important;visibility:visible!important;opacity:1!important;animation:pigskinBroadcastTicker var(--ticker-duration,42s) linear infinite!important}

/* GOTW selection source. */
html body.home-mode #home.screen.active .final-home-canvas>.home-gotw-method{
  display:flex!important;position:absolute!important;left:50%!important;top:31.15%!important;transform:translateX(-50%)!important;width:21.5%!important;height:2.25%!important;
  align-items:center!important;justify-content:center!important;z-index:131!important;pointer-events:none!important;border:1px solid rgba(225,179,86,.86)!important;border-radius:.22vw!important;
  background:linear-gradient(180deg,rgba(22,25,27,.96),rgba(3,4,5,.96))!important;color:#f4d37b!important;font:900 clamp(9px,.7vw,13px)/1 Arial,sans-serif!important;
  letter-spacing:.085em!important;text-shadow:0 1px 2px #000!important;white-space:nowrap!important;
}

@media(max-width:900px){
  html body.nonhome header.topbar .nav{flex-basis:64%!important;width:64%!important}html body.nonhome header.topbar .topbar-actions{flex-basis:22%!important;width:22%!important}
  html body.nonhome header.topbar .nav>button{font-size:10px!important;padding:0 3px!important}html body.nonhome header.topbar .account,html body.nonhome header.topbar .topbar-chat{font-size:9px!important}
  html body.home-mode #home.screen.active .final-home-canvas>.home-main-nav{left:7%!important;width:64%!important}html body.home-mode #home .exact-login{left:71%!important;width:11%!important}html body.home-mode #home #finalHomeChat{left:82%!important;width:11%!important}
}

/* VERSION 20 — one exact brushed-steel leaderboard menu, sourced from the approved reference. */
html body.home-mode #home #homeLeaderPanel::before{
  content:none!important;
  display:none!important;
}
html body.home-mode #home #homeLeaderPanel>.home-leader-tabs{
  left:-5.4%!important;
  right:1.2%!important;
  top:4.5%!important;
  height:10.5%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.home-mode #home #homeLeaderPanel>.home-leader-tabs>.home-leader-tab,
html body.home-mode #home #homeLeaderPanel>.home-leader-tabs>.home-leader-tab.active{
  color:transparent!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body.home-mode #home #homeLeaderPanel>.home-leader-body{
  left:-6.8%!important;
  right:0!important;
  top:19.5%!important;
  bottom:4.4%!important;
}
html body.home-mode #home #homeLeaderPanel .home-leader-weekline{
  display:none!important;
}