@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow:wght@500;600;700&family=Barlow+Semi+Condensed:wght@600;700;800&family=Graduate&family=Permanent+Marker&family=Montserrat:ital,wght@1,800;1,900&display=swap');
/* HOME WINDOWS — content drawn inside the three dashboard frame openings.
   Built to the approved reference mock (assets/victory-clean.webp).
   All positions are % of the 1672x941 dashboard art; all sizes use cqw
   (1cqw = 1% of the dashboard width) so everything scales with the art.
   Remove this file + home-windows.js + their two tags in index.html to undo. */

#hwRoot{position:absolute;inset:0;z-index:60;pointer-events:none;container-type:inline-size;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;color:#fff}
#hwRoot *{box-sizing:border-box}
#hwRoot .hw-abs{position:absolute}
#hwRoot .hw-title{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;
  font-family:Freshman,Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-style:italic;letter-spacing:.04em;
  text-shadow:0 .12cqw .25cqw #000}
#hwRoot .hw-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- LOGO + MENU: cut from the approved dashboard-clean.png, same position ---------- */
#hwRoot .hw-cut{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#hwLogo{position:absolute;left:2.4%;top:.6%;height:29.5%;width:auto;pointer-events:none;filter:drop-shadow(0 .3cqw .5cqw rgba(0,0,0,.8))}
#hwMenu{clip-path:inset(.4% 29.0% 92.9% 29.1%)}

/* ---------- RIGHT: leaderboard ---------- */
#hwRightTitle{left:73.44%;top:32.41%;width:24.64%;height:5.0%;font-size:1.7cqw}
#hwRows{left:74.46%;top:44.21%;width:22.43%;height:35.49%;display:grid;grid-template-rows:repeat(11,1fr)}
#hwRows .hw-row{display:grid;grid-template-columns:14.4% 1fr 22%;align-items:center;padding:0 2% 0 0;
  font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:1.02cqw;letter-spacing:.01em;margin:.08cqw 0}
#hwRows .hw-row span:first-child{text-align:center}
#hwRows .hw-row span:nth-child(2){padding-left:3%}
#hwRows .hw-row b{text-align:right;padding-right:10%}
#hwRows .hw-row.r1{background:linear-gradient(90deg,#b8912f,#f3d77a 45%,#b8912f);color:#1a1204}
#hwRows .hw-row.r2 span:first-child,#hwRows .hw-row.r3 span:first-child{border-radius:.2cqw;margin:0 22%;padding:.1cqw 0}
#hwRows .hw-row.r2 span:first-child{background:linear-gradient(#e8edf2,#98a4ae);color:#111}
#hwRows .hw-row.r3 span:first-child{background:linear-gradient(#d49a66,#8a5a31);color:#111}
#hwRows .hw-empty{grid-row:1/span 2;display:flex;align-items:center;justify-content:center;font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  font-weight:800;font-size:.86cqw;color:#c5d3e0}

/* ---------- CENTER: winner / live ---------- */
#hwCenterTitle{left:38.3%;top:30.6%;width:23.4%;height:3.8%;font-size:1.75cqw}
#hwCenterTab{left:42.5%;top:34.6%;width:15.2%;height:3.2%;font-size:.95cqw;font-style:normal;color:#1a1204;
  letter-spacing:.28em;text-shadow:none}
#hwScreen{left:27.93%;top:37.73%;width:43.84%;height:45.16%;overflow:hidden}
#hwScreen .hw-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* fades out the photo's baked-in PICKS. PASSION. PAYOFF. line (cut off at the bottom of the window) */
#hwScreen .hw-quote-mask{position:absolute;left:70%;top:80.5%;width:30%;height:19.5%;pointer-events:none;
  background:linear-gradient(0deg,rgba(15,20,28,.99) 0,rgba(15,20,28,.99) 72%,rgba(15,20,28,0) 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
#hwScreen .hw-photo{position:absolute;inset:0;background:url('/assets/victory-clean.webp') no-repeat;
  background-size:228.1% auto;background-position:49.73% 68.8%}
#hwScreen .hw-winner-name{position:absolute;left:66.5%;top:44.6%;width:28.5%;text-align:center;white-space:nowrap;
  font-family:Montserrat,"Arial Black",sans-serif;font-style:italic;font-weight:900;line-height:1.05;letter-spacing:-.01em;
  background:linear-gradient(180deg,#fff6cc 0%,#f8da7c 34%,#cf9526 49%,#7d4f08 51%,#d99e2f 72%,#fbe39c 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #3b2502;
  transform:rotate(-5.8deg);transform-origin:50% 50%;filter:drop-shadow(0 2px 0 rgba(0,0,0,.7)) drop-shadow(0 4px 5px rgba(0,0,0,.55))}
#hwScreen .hw-winner-pts{position:absolute;left:66.2%;top:46.5%;width:28.5%;text-align:center;white-space:nowrap;
  font-family:Montserrat,"Arial Black",sans-serif;font-style:italic;font-weight:800;letter-spacing:.02em;line-height:1;
  background:linear-gradient(180deg,#fff3c2 0%,#e9b646 50%,#8f5f0d 53%,#e5ae3e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:.6px #3b2502;transform:rotate(-5.8deg);transform-origin:50% 50%;filter:drop-shadow(0 2px 0 rgba(0,0,0,.65)) drop-shadow(0 3px 4px rgba(0,0,0,.5))}
#hwScreen .hw-dirt{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:blur(.4px)}
#hwScreen .hw-jersey{position:absolute;left:31.5%;top:80.6%;width:24%;height:8%;filter:blur(.2px)}
#hwScreen .hw-plate{position:absolute;left:37.4%;top:34.2%;width:12.6%;height:6.6%;display:flex;align-items:center;justify-content:center;
  font-family:Anton,Impact,"Arial Narrow Bold",sans-serif;letter-spacing:.1em;white-space:nowrap;overflow:hidden;
  background:linear-gradient(180deg,#fbe7a6 0%,#d9ab4a 45%,#8a5d17 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:.88;filter:blur(.35px) drop-shadow(0 -1px 0 rgba(0,0,0,.85)) drop-shadow(0 1px 0 rgba(255,225,150,.22))}
#hwScreen .hw-live{position:absolute;inset:6% 8%;display:flex;flex-direction:column;gap:2.2%}
#hwScreen .hw-live h4{margin:0;font-weight:400;font-size:1.05cqw;letter-spacing:.14em;color:#f3d77a;text-align:center}
#hwScreen .hw-lead{display:grid;grid-template-columns:10% 1fr 18%;font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;
  font-size:1.05cqw;padding:.35cqw .6cqw;border-bottom:1px solid rgba(255,255,255,.12)}
#hwScreen .hw-lead b{text-align:right;color:#f3d77a}
#hwScreen .hw-games{display:flex;flex-wrap:wrap;gap:.5cqw;justify-content:center;margin-top:auto}
#hwScreen .hw-game{font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:.8cqw;padding:.3cqw .6cqw;
  border:1px solid rgba(255,255,255,.25);border-radius:.25cqw}
#hwScreen .hw-game.live{border-color:#e0413a}
#hwScreen .hw-pulse{position:absolute;inset:5% 5%;display:flex;flex-direction:column;justify-content:center;gap:1.4%}
#hwScreen .hw-pulse-row{display:grid;grid-template-columns:24% 1fr;gap:2.5%;align-items:center;font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:1.02cqw;line-height:1.25;padding:.55cqw .7cqw;border-left:.25cqw solid #c41518;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,0))}
#hwScreen .hw-pulse-row>span{color:#f3d77a;letter-spacing:.08em;text-transform:uppercase;font-size:.82cqw}
#hwScreen .hw-pulse-row i{font-style:normal;opacity:.45;margin:0 .45em}
#hwScreen .hw-pulse-row b{color:#f3d77a;margin-right:.35em}
#hwScreen .hw-note{font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:.7cqw;color:#c5d3e0;text-align:center;letter-spacing:.08em}

/* ---------- CENTER: LIVE GAME CENTER ---------- */
#hwScreen .hw-gc{position:absolute;inset:5% 5% 4%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif}
#hwScreen .hw-gc-tag{align-self:center;font:800 1.1cqw/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.16em;color:#f3d77a;padding:.45cqw 1.2cqw;border:1px solid rgba(243,215,122,.45);border-radius:.25cqw;background:rgba(243,215,122,.06)}
#hwScreen .hw-gc-tag.is-hot{color:#fff;border-color:#e0413a;background:linear-gradient(180deg,#c41518,#7a080c)}
#hwScreen .hw-gc-board{display:grid;grid-template-columns:1fr auto 1.1fr auto 1fr;align-items:center;gap:1.2cqw}
#hwScreen .hw-gc-team{display:flex;flex-direction:column;align-items:center;gap:.2cqw;position:relative}
#hwScreen .hw-gc-team img{width:5.2cqw;height:5.2cqw;object-fit:contain;filter:drop-shadow(0 .2cqw .4cqw rgba(0,0,0,.8))}
#hwScreen .hw-gc-team strong{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.6cqw;letter-spacing:.04em}
#hwScreen .hw-gc-team small{font-weight:800;font-size:.72cqw;letter-spacing:.1em;color:#c5d3e0;text-transform:uppercase}
#hwScreen .hw-gc-team.poss strong:after{content:"";display:inline-block;width:.5cqw;height:.5cqw;margin-left:.4cqw;border-radius:50%;background:#f3d77a;vertical-align:middle;box-shadow:0 0 .5cqw #f3d77a}
#hwScreen .hw-gc-score{font-family:Anton,Impact,sans-serif;font-size:4.4cqw;line-height:1;text-shadow:0 .2cqw .4cqw #000;min-width:3.4cqw;text-align:center}
#hwScreen .hw-gc-mid{display:flex;flex-direction:column;align-items:center;gap:.25cqw;text-align:center}
#hwScreen .hw-gc-mid b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.5cqw;color:#e0413a;letter-spacing:.06em}
#hwScreen .hw-gc-mid span{font-family:Anton,Impact,sans-serif;font-size:1.3cqw}
#hwScreen .hw-gc-mid em{font-style:normal;font-weight:800;font-size:.66cqw;letter-spacing:.06em;color:#cfd8e1}
#hwScreen .hw-gc-split .bar{height:.8cqw;border-radius:.4cqw;background:#2a3a4c;overflow:hidden}
#hwScreen .hw-gc-split .bar i{display:block;height:100%;background:linear-gradient(90deg,#f3d77a,#c9962f)}
#hwScreen .hw-gc-split .lbl{display:flex;justify-content:space-between;align-items:center;margin-top:.3cqw;font-weight:800;font-size:.85cqw}
#hwScreen .hw-gc-split .lbl small{font-size:.62cqw;letter-spacing:.14em;color:#c5d3e0}
#hwScreen .hw-gc-note{text-align:center;font-weight:800;font-size:.82cqw;color:#fff;background:rgba(196,21,24,.35);border-left:.25cqw solid #e0413a;padding:.35cqw .6cqw}
#hwScreen .hw-gc-foot{text-align:center;font-weight:800;font-size:.66cqw;letter-spacing:.1em;color:#c5d3e0}
#hwScreen .hw-gc-whatif{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;flex:1;margin:.8cqw 0}
#hwScreen .hw-gc-wi{border:1px solid rgba(255,255,255,.15);border-radius:.3cqw;padding:.6cqw;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:.3cqw}
#hwScreen .hw-gc-wi-head{display:flex;align-items:center;gap:.5cqw;font-family:Anton,Impact,sans-serif;font-size:1.1cqw;color:#f3d77a}
#hwScreen .hw-gc-wi-head img{width:2cqw;height:2cqw;object-fit:contain}
#hwScreen .hw-gc-wi strong{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.5cqw}
#hwScreen .hw-gc-wi small{font-weight:800;font-size:.6cqw;letter-spacing:.08em;color:#c5d3e0}
#hwScreen .hw-gc-wi-row{display:grid;grid-template-columns:22% 1fr 14%;font-weight:800;font-size:.72cqw;padding:.12cqw 0;border-top:1px solid rgba(255,255,255,.08)}
#hwScreen .hw-gc-wi-row b{color:#f3d77a}#hwScreen .hw-gc-wi-row i{font-style:normal;text-align:right;color:#c5d3e0}

/* ---------- LEFT: POOL PULSE (covers the art's Pool Snapshot title + rows, colors sampled from the art) ---------- */
#hwSnap{display:none!important}
#hwLeftTitle{left:5.68%;top:32.6%;width:19.15%;height:4.4%;font-size:1.75cqw;background:linear-gradient(180deg,#000a1c 0%,#01142c 70%,#0a1f3a 100%)}
#hwLeftPulse{left:3.0%;top:39.75%;width:23.0%;height:34.8%;background:#06101a;display:flex;flex-direction:column;justify-content:space-evenly;gap:.5cqw;padding:.6cqw .7cqw;overflow:hidden}
:is(#hwLeftPulse,#hwRightPulse) .hw-lp-row{border-left:.25cqw solid #c41518;padding:.45cqw .65cqw;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,0))}
:is(#hwLeftPulse,#hwRightPulse) .hw-lp-row span{display:block;font:800 .8cqw/1.2 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.1em;color:#f3d77a;text-transform:uppercase}
:is(#hwLeftPulse,#hwRightPulse) .hw-lp-row div{font:700 1.05cqw/1.28 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;color:#eef3f6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:is(#hwLeftPulse,#hwRightPulse) i{font-style:normal;opacity:.45;margin:0 .35em}
:is(#hwLeftPulse,#hwRightPulse) b{color:#f3d77a;margin-right:.25em}
#hwRightPulse{left:73.33%;top:37.83%;width:24.76%;height:42.5%;background:linear-gradient(180deg,#112940 0,#0a1c30 8%,#03101c 14%,#03101c 100%);flex-direction:column;justify-content:space-evenly;gap:.5cqw;padding:.7cqw .8cqw;overflow:hidden}
:is(#hwLeftPulse,#hwRightPulse) .hw-lp-row.is-hot{border-left-color:#ff3b30}
:is(#hwLeftPulse,#hwRightPulse) .hw-lp-row.is-hot span{color:#ff6a5f}
#hwGameDay{display:none!important}
#hwLeftPulse .hw-lp-empty{font:800 .74cqw 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;color:#c5d3e0;text-align:center}
/* ---------- LEFT: pool snapshot + game day ---------- */
#hwSnap .hw-stat{position:absolute;left:7.2%;width:18.3%;height:5.3%;display:flex;align-items:center;
  justify-content:space-between;font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:.84cqw;letter-spacing:.03em}
#hwSnap .hw-stat span{color:#dbe6f0;text-transform:uppercase}
#hwSnap .hw-stat b{font-size:.98cqw}
#hwGameDay{left:5.6%;top:76.2%;width:20.8%;height:9.2%;display:flex;flex-direction:column;justify-content:center;
  text-align:center;font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;padding:0 3%}
#hwGameDay small{font-weight:800;font-size:.66cqw;letter-spacing:.14em;color:#f3d77a}
#hwGameDay strong{font-size:.8cqw;line-height:1.25;margin-top:.2cqw}

/* ---------- TICKER: FOX/CBS-style lower third (desktop; phones keep their card layout) ----------
   Same bar position/size as before. Top line = scrolling games (one slim line each);
   bottom line = #hwTickerPool (pool leaders / last week's winner / pool pick % after kickoff). */
@media(min-width:851px){
  #home #masterTickerLive{left:0!important;bottom:auto!important;top:91.9%!important;width:89.5%!important;height:6.4%!important;
    display:grid!important;grid-template-columns:12.3% minmax(0,1fr);grid-template-rows:62% 38%;
    background:linear-gradient(180deg,#24394f 0%,#12243a 42%,#081321 100%)!important;
    border-top:2px solid #d3dbe2!important;border-bottom:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 -4px 14px rgba(0,0,0,.55)!important}
  #home #masterTickerWeek{grid-row:1/3;grid-column:1;position:relative;z-index:2;display:flex!important;align-items:center;justify-content:center;
    padding-right:1.2%;background:linear-gradient(180deg,#e2282e 0%,#a00d12 58%,#7a080c 100%)!important;
    clip-path:polygon(0 0,100% 0,88% 100%,0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
    font-family:Anton,Impact,sans-serif!important;font-size:clamp(13px,1.35vw,26px)!important;letter-spacing:.07em!important;
    color:#fff!important;text-shadow:0 2px 3px rgba(0,0,0,.55)}
  #home #masterTickerLive .master-ticker-viewport{grid-row:1;grid-column:2;min-width:0;overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent)}
  #home #masterTickerLive .master-ticker-track{align-items:stretch!important;height:100%}
  #home #masterTickerLive .master-ticker-game{flex:0 0 auto!important;min-width:0;height:100%;display:flex!important;align-items:center!important;gap:.45vw!important;
    padding:0 1.3vw!important;border-right:1px solid rgba(211,219,226,.22)!important;
    font-family:Anton,Impact,sans-serif!important;font-weight:400!important;font-size:clamp(11px,.98vw,19px)!important;letter-spacing:.05em;color:#e9eef3}
  #home #masterTickerLive .master-ticker-game img{width:clamp(13px,1.15vw,22px)!important;height:clamp(13px,1.15vw,22px)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:contain}
  #home #masterTickerLive .master-ticker-game img:nth-of-type(2){margin-left:.55vw}
  #home #masterTickerLive .master-ticker-game b{min-width:1.1em;text-align:right;color:#fff;font-weight:400}
  #home #masterTickerLive .master-ticker-game small{grid-column:auto!important;margin:0 0 0 .6vw!important;padding:.12vw .45vw;border-radius:2px;
    background:rgba(211,219,226,.14);color:#d3dbe2!important;font:800 clamp(8px,.58vw,11px)/1.2 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif!important;
    letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
  #hwTickerPool{grid-row:2;grid-column:2;min-width:0;display:flex;align-items:stretch;overflow:hidden;
    background:linear-gradient(180deg,#eef2f5 0%,#c4ced7 55%,#9aa8b4 100%);border-top:1px solid rgba(255,255,255,.7);color:#0b1826}
  #hwTickerPool .hw-tp-tag{flex:0 0 auto;display:flex;align-items:center;padding:0 1vw 0 1.4vw;background:#0b1826;color:#f3d77a;
    clip-path:polygon(0 0,100% 0,calc(100% - .7vw) 100%,0 100%);
    font:800 clamp(8px,.62vw,12px)/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
  #hwTickerPool .hw-tp-msg{flex:1;min-width:0;display:flex;align-items:center;padding:0 1vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    font:800 clamp(8px,.7vw,13px)/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:opacity .35s ease}
  #hwTickerPool .hw-tp-msg.fade{opacity:0}
  #hwTickerPool .hw-tp-msg b{font-weight:900;margin-right:.35em}
  #hwTickerPool .hw-tp-msg i{font-style:normal;opacity:.45;margin:0 .6em}
}
@media(max-width:850px){#hwTickerPool{display:none}}

/* ---------- LIGHTER SKY: lightens only the sky at the top of the home stadium art (desktop) ----------
   The art itself is untouched; a soft light layer fades out by ~34% down, under every window/ticker/GOTW. */
@media(min-width:851px){
  #home .final-home-canvas:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;
    background:linear-gradient(180deg,rgba(150,178,210,.55) 0%,rgba(120,150,190,.32) 12%,rgba(90,120,165,.12) 24%,transparent 34%)}
}

/* ---------- GAME OF THE WEEK: broadcast matchup card (same box size/position) ----------
   Only active once home-windows.js adds .hw-gotw-on; otherwise the original box shows unchanged.
   Team colors come from --gotw-away / --gotw-home set by home-windows.js. */
#masterGotwLive.hw-gotw-on{container-type:inline-size;overflow:hidden;isolation:isolate;
  grid-template-columns:1fr 34% 1fr!important;
  background:linear-gradient(104deg,var(--gotw-away,#1b2a3a) 0%,color-mix(in srgb,var(--gotw-away,#1b2a3a) 55%,#050b12) 38%,#050b12 44%,#050b12 56%,color-mix(in srgb,var(--gotw-home,#1b2a3a) 55%,#050b12) 62%,var(--gotw-home,#1b2a3a) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 -2.2cqw 3cqw rgba(0,0,0,.55)}
#masterGotwLive.hw-gotw-on:after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:28%;z-index:3;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);animation:hwGotwSweep 7s ease-in-out infinite}
@keyframes hwGotwSweep{0%,62%{left:-40%}100%{left:125%}}
#masterGotwLive.hw-gotw-on .master-gotw-vs,#masterGotwLive.hw-gotw-on .master-gotw-time,#masterGotwLive.hw-gotw-on .master-gotw-team strong{display:none!important}
#masterGotwLive.hw-gotw-on .master-gotw-team{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:3cqw}
#masterGotwLive.hw-gotw-on .master-gotw-team img{width:auto!important;height:14cqw!important;max-height:none!important;margin:0 auto .6cqw!important;
  filter:drop-shadow(0 0 1.4cqw color-mix(in srgb,var(--glow,#fff) 70%,transparent)) drop-shadow(0 .5cqw .6cqw rgba(0,0,0,.7))!important;animation:hwGotwBob 3.2s ease-in-out infinite}
#masterGotwLive.hw-gotw-on .master-gotw-team.away{--glow:var(--gotw-away)}
#masterGotwLive.hw-gotw-on .master-gotw-team.home{--glow:var(--gotw-home);}
#masterGotwLive.hw-gotw-on .master-gotw-team.home img{animation-delay:-1.6s}
@keyframes hwGotwBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-.7cqw)}}
#masterGotwLive .hw-gotw-name{font-family:Anton,Impact,sans-serif;font-size:4.6cqw;line-height:1;letter-spacing:.05em;color:#fff;text-shadow:0 .3cqw .5cqw rgba(0,0,0,.85);white-space:nowrap}
#masterGotwLive .hw-gotw-rec{margin-top:.5cqw;font:800 2.9cqw/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.82)}
#masterGotwLive.hw-gotw-final .master-gotw-team.lost{opacity:.42;filter:grayscale(.6)}
#masterGotwLive.hw-gotw-final .master-gotw-team.won .hw-gotw-name{color:#f3d77a}
/* centre: VS badge + countdown / live score / final */
#masterGotwLive .hw-gotw-mid{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;padding-bottom:3cqw;text-align:center}
#masterGotwLive .hw-gotw-vs{position:relative;width:11cqw;height:11cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,#fff3c2,#e0b44c 45%,#8f5f0d 100%);color:#1a1204;font-family:Anton,Impact,sans-serif;font-size:4.6cqw;letter-spacing:.02em;
  box-shadow:0 0 0 .35cqw rgba(0,0,0,.55),0 .5cqw 1cqw rgba(0,0,0,.6)}
#masterGotwLive .hw-gotw-vs:after{content:'';position:absolute;inset:-.9cqw;border-radius:50%;border:.35cqw solid rgba(243,215,122,.7);animation:hwGotwRing 2.4s ease-out infinite}
@keyframes hwGotwRing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
#masterGotwLive .hw-gotw-count{font:800 2.5cqw/1.15 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.1em;color:#f3d77a;white-space:nowrap}
#masterGotwLive .hw-gotw-count b{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:3.6cqw;letter-spacing:.06em;color:#fff}
#masterGotwLive .hw-gotw-score{font-family:Anton,Impact,sans-serif;font-size:9cqw;line-height:1;color:#fff;letter-spacing:.02em;text-shadow:0 .4cqw .8cqw rgba(0,0,0,.8);white-space:nowrap}
#masterGotwLive .hw-gotw-score i{font-style:normal;color:#f3d77a;margin:0 .8cqw}
#masterGotwLive .hw-gotw-state{display:flex;align-items:center;gap:1cqw;font:800 2.6cqw/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.12em;color:#fff;white-space:nowrap}
#masterGotwLive .hw-gotw-state .dot{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#e0413a;box-shadow:0 0 1cqw #e0413a;animation:hwGotwPulse 1.1s ease-in-out infinite}
@keyframes hwGotwPulse{50%{opacity:.25}}
/* bottom strip: kickoff time, then pool split bar after kickoff */
#masterGotwLive .hw-gotw-foot{position:absolute;left:0;right:0;bottom:0;height:17%;z-index:2;display:flex;align-items:center;justify-content:center;
  background:rgba(3,8,14,.72);border-top:1px solid rgba(255,255,255,.14);font:800 2.5cqw/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.1em;color:#e9eef3;white-space:nowrap}
#masterGotwLive .hw-gotw-foot .x2{margin-left:1.4cqw;padding:.45cqw 1.1cqw;border-radius:.4cqw;color:#1a1204;
  background:linear-gradient(100deg,#b8912f,#fff0b8 45%,#d7aa45 55%,#8f5f0d);background-size:250% 100%;animation:hwGotwShine 3.5s linear infinite}
@keyframes hwGotwShine{0%{background-position:100% 0}100%{background-position:-150% 0}}
#masterGotwLive .hw-gotw-split{display:flex;width:100%;height:100%}
#masterGotwLive .hw-gotw-split span{display:flex;align-items:center;padding:0 1.6cqw;min-width:0;overflow:hidden;color:#fff;text-shadow:0 .2cqw .3cqw rgba(0,0,0,.8);transition:flex-basis .8s ease}
#masterGotwLive .hw-gotw-split span:last-child{justify-content:flex-end}
#masterGotwLive .hw-gotw-split .lbl{position:absolute;left:50%;transform:translateX(-50%);padding:0 1.2cqw;background:#050b12;color:#f3d77a;height:100%;display:flex;align-items:center;font-size:2.1cqw}
/* frame: chrome bezel + gold pinline + soft gold glow, drawn OUTSIDE the card edge so the contents don't move.
   Only a hairline on top (the rings are shifted down 4px) so the "GAME OF THE WEEK" title art above stays fully visible. */
#masterGotwLive.hw-gotw-on{border-radius:4px;
  box-shadow:inset 0 0 0 1.5px rgba(243,215,122,.9),inset 0 0 0 2.5px rgba(0,0,0,.35),inset 0 -8px 12px rgba(0,0,0,.55),
    0 0 0 1px #c9d2da,0 4px 0 1.5px #f4f7fa,0 4px 0 3px #aab6c1,0 4px 0 4.5px #5d6b78,0 4px 0 5.5px #1b242d,0 4px 0 6.5px #c9d2da,
    0 12px 14px 4px rgba(243,215,122,.35),0 12px 16px 4px rgba(0,0,0,.6)}
/* the old corner 2X badge becomes a big yellow hand-written coach's marker note */
#masterGotwLive.hw-gotw-on .gotw-double{z-index:4;left:3%!important;top:6%!important;padding:0;background:none;border:0;box-shadow:none;
  font-family:'Permanent Marker','Marker Felt','Comic Sans MS',cursive;font-size:9cqw;line-height:1;color:#ffe03a;letter-spacing:.02em;
  transform:rotate(-12deg);text-shadow:0 .25cqw 0 rgba(0,0,0,.55),0 0 1.2cqw rgba(0,0,0,.6)}
@media(prefers-reduced-motion:reduce){
  #masterGotwLive.hw-gotw-on:after,#masterGotwLive.hw-gotw-on .master-gotw-team img,#masterGotwLive .hw-gotw-vs:after,
  #masterGotwLive .hw-gotw-state .dot,#masterGotwLive .hw-gotw-foot .x2,#masterGotwLive.hw-gotw-on .gotw-double{animation:none!important}
}

/* ---------- PHONES (<=850px): the page stacks GOTW + ticker as cards; stack the windows below them ---------- */
@media(max-width:850px){
  #hwRoot .hw-cut,#hwLogo{display:none}
  #hwRoot{inset:auto;left:12px;right:12px;top:412px;display:flex;flex-direction:column;container-type:normal}
  #hwRoot .hw-abs,#hwSnap .hw-stat{position:relative;left:auto;top:auto!important;width:auto;height:auto}
  #hwRoot .hw-title{font-size:20px;padding:10px 12px 6px;border:1px solid #8599a8;border-bottom:0;border-radius:8px 8px 0 0;
    background:linear-gradient(#0c1b28,#030811)}
  #hwCenterTitle{order:1}
  #hwRoot #hwCenterTab{display:none}
  #hwScreen{order:2;aspect-ratio:733/425;border:1px solid #8599a8;border-top:0;border-radius:0 0 8px 8px;margin-bottom:12px}
  #hwScreen .hw-live{inset:4% 5%}
  #hwScreen .hw-live h4,#hwScreen .hw-lead{font-size:13px}
  #hwScreen .hw-game,#hwScreen .hw-note{font-size:10px}
  #hwScreen .hw-pulse-row{font-size:12px;padding:6px 8px}
  #hwScreen .hw-gc-tag{font-size:10px;padding:4px 8px}
  #hwScreen .hw-gc-team img{width:44px;height:44px}
  #hwScreen .hw-gc-team strong{font-size:16px}
  #hwScreen .hw-gc-team small,#hwScreen .hw-gc-mid em,#hwScreen .hw-gc-foot,#hwScreen .hw-gc-split .lbl small,#hwScreen .hw-gc-wi small{font-size:9px}
  #hwScreen .hw-gc-score{font-size:34px;min-width:30px}
  #hwScreen .hw-gc-mid b,#hwScreen .hw-gc-mid span{font-size:14px}
  #hwScreen .hw-gc-split .bar{height:8px}
  #hwScreen .hw-gc-split .lbl,#hwScreen .hw-gc-note,#hwScreen .hw-gc-wi-row{font-size:11px}
  #hwScreen .hw-gc-wi strong,#hwScreen .hw-gc-wi-head{font-size:14px}
  #hwScreen .hw-gc-wi-head img{width:20px;height:20px}
  #hwScreen .hw-pulse-row>span{font-size:10px}
  #hwRightTitle{order:3}
  #hwRows{order:4;grid-template-rows:none;padding:6px 8px 10px;border:1px solid #8599a8;border-top:0;border-radius:0 0 8px 8px;
    background:linear-gradient(#0c1b28,#030811);margin-bottom:12px}
  #hwRows .hw-row{font-size:13px;padding:6px 8px 6px 0;margin:1px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  #hwRows .hw-empty{font-size:13px;padding:12px}
  #hwSnap{order:5;display:flex;flex-direction:column;padding:8px 12px;border:1px solid #8599a8;border-radius:8px;
    background:linear-gradient(#0c1b28,#030811)}
  #hwSnap:before{content:'POOL SNAPSHOT';font-family:Freshman,Impact,sans-serif;font-style:italic;font-size:20px;text-align:center;padding:4px 0 8px}
  #hwSnap .hw-stat{font-size:13px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  #hwSnap .hw-stat b{font-size:14px}
  #hwRightPulse{order:4;border:1px solid #8599a8;border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(#0c1b28,#030811);padding:8px 10px;gap:6px;margin-bottom:12px}
  #hwLeftTitle{order:5}
  #hwLeftPulse{order:6;border:1px solid #8599a8;border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(#0c1b28,#030811);padding:8px 10px;gap:6px;margin-bottom:12px}
  :is(#hwLeftPulse,#hwRightPulse) .hw-lp-row{padding:6px 8px}
  :is(#hwLeftPulse,#hwRightPulse) .hw-lp-row span{font-size:10px}
  :is(#hwLeftPulse,#hwRightPulse) .hw-lp-row div,#hwLeftPulse .hw-lp-empty{font-size:13px}
  #hwGameDay{order:7;padding:12px}
  #hwGameDay small{font-size:11px}
  #hwGameDay strong{font-size:13px}
}

/* ---------- BROADCAST POLISH (wipes, scoring alerts, movement, stadium) ---------- */
@keyframes hwReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes hwSweep{0%{transform:translateX(-110%);opacity:0}12%{opacity:1}80%{opacity:1}100%{transform:translateX(310%);opacity:0}}
#hwRoot .hw-wipe{animation:hwReveal .5s cubic-bezier(.2,.8,.2,1) both}
#hwRoot .hw-wipe::after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.22) 45%,rgba(255,236,170,.35) 50%,rgba(255,255,255,.22) 55%,transparent);
  animation:hwSweep .9s .15s ease-in-out both;mix-blend-mode:screen}
#hwRows.hw-wipe,#hwLeftPulse.hw-wipe,#hwRightPulse.hw-wipe,#hwScreen.hw-wipe{overflow:hidden}
@keyframes hwAlertIn{0%{transform:scale(1.35);opacity:0}60%{transform:scale(.97);opacity:1}100%{transform:scale(1)}}
@keyframes hwAlertFlash{0%,100%{opacity:.25}50%{opacity:.7}}
#hwScreen .hw-alert{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqw;
  background:radial-gradient(circle at 50% 45%,rgba(196,21,24,.75),rgba(40,5,8,.92) 70%)}
#hwScreen .hw-alert.fg{background:radial-gradient(circle at 50% 45%,rgba(201,150,47,.7),rgba(30,20,4,.92) 70%)}
#hwScreen .hw-alert::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 3cqw,rgba(255,255,255,.06) 3cqw 3.6cqw);animation:hwAlertFlash .6s 4}
#hwScreen .hw-alert img{width:8cqw;height:8cqw;object-fit:contain;filter:drop-shadow(0 .3cqw .6cqw #000);animation:hwAlertIn .6s both}
#hwScreen .hw-alert h2{margin:0;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:5.2cqw;letter-spacing:.04em;line-height:1;color:#fff;
  text-shadow:0 .25cqw 0 #6d070b,0 .5cqw 1cqw rgba(0,0,0,.8);animation:hwAlertIn .6s .1s both}
#hwScreen .hw-alert strong{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:2cqw;letter-spacing:.12em;color:#f3d77a;animation:hwAlertIn .6s .2s both}
#hwScreen .hw-alert small{font:700 1.1cqw 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.1em;color:#fff;animation:hwAlertIn .6s .3s both}
#hwRows .hw-row b .hw-move{font-style:normal;font-size:.62cqw;font-weight:800;margin-right:.5cqw;vertical-align:middle}
#hwRows .hw-row b .hw-move.up{color:#35f28a}
#hwRows .hw-row b .hw-move.down{color:#ff6a5f}
#hwRows .hw-row.r1 b .hw-move.up{color:#0b5d2e}#hwRows .hw-row.r1 b .hw-move.down{color:#8e0a0f}
#hwStadium{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
@keyframes hwGlint{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.85)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.15)}}
#hwStadium .hw-glint{position:absolute;width:3.2cqw;height:3.2cqw;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(210,230,255,.55) 12%,rgba(160,200,255,.18) 35%,transparent 65%),
    linear-gradient(90deg,transparent 46%,rgba(255,255,255,.55) 50%,transparent 54%),linear-gradient(0deg,transparent 47%,rgba(255,255,255,.35) 50%,transparent 53%);
  mix-blend-mode:screen;animation:hwGlint 4.5s ease-in-out infinite}
@keyframes hwFlash{0%,94%,100%{opacity:0}95%{opacity:1}97%{opacity:.25}}
#hwStadium .hw-flash{position:absolute;width:.55cqw;height:.55cqw;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,#fff 0,rgba(255,255,255,.8) 30%,transparent 70%);box-shadow:0 0 .8cqw .3cqw rgba(255,255,255,.55);
  opacity:0;animation:hwFlash 12s linear infinite}
@media(prefers-reduced-motion:reduce){#hwStadium .hw-glint,#hwStadium .hw-flash,#hwRoot .hw-wipe,#hwRoot .hw-wipe::after{animation:none!important}}
@media(max-width:850px){#hwStadium{display:none}#hwScreen .hw-alert h2{font-size:38px}#hwScreen .hw-alert strong{font-size:16px}#hwScreen .hw-alert small{font-size:12px}#hwScreen .hw-alert img{width:60px;height:60px}#hwRows .hw-row b .hw-move{font-size:10px}}

/* stadium: light beams, drifting haze, crowd burst on scoring alerts */
@keyframes hwBeam{0%,100%{transform:translateX(-50%) rotate(var(--r0))}50%{transform:translateX(-50%) rotate(var(--r1))}}
#hwStadium .hw-beam{position:absolute;width:8cqw;height:10.5cqw;transform-origin:50% 0;opacity:.16;mix-blend-mode:screen;
  background:linear-gradient(180deg,rgba(225,238,255,.9),rgba(190,215,255,.25) 45%,transparent 85%);
  clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(.35cqw);animation:hwBeam 14s ease-in-out infinite}
@keyframes hwHaze{from{transform:translateX(-12%)}to{transform:translateX(12%)}}
#hwStadium .hw-haze{position:absolute;left:-10%;width:120%;top:8%;height:21%;opacity:.22;mix-blend-mode:screen;pointer-events:none;
  background:radial-gradient(ellipse 30% 60% at 25% 50%,rgba(200,220,255,.55),transparent 70%),radial-gradient(ellipse 28% 55% at 70% 40%,rgba(200,220,255,.45),transparent 70%);
  filter:blur(1.2cqw);animation:hwHaze 38s ease-in-out infinite alternate}
#hwStadium .hw-haze.b{top:14%;opacity:.14;animation-duration:52s;animation-direction:alternate-reverse}
#hwStadium.burst .hw-flash{animation:hwBurst 1.6s linear 1 both!important}
@keyframes hwBurst{0%{opacity:0}8%{opacity:1}14%{opacity:.2}30%{opacity:1}36%{opacity:.15}55%{opacity:.9}62%{opacity:0}78%{opacity:.8}84%{opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#hwStadium .hw-beam,#hwStadium .hw-haze{animation:none!important}}

/* ---------- FULL SCREEN (desktop only) ----------
   The stadium always fills the window: full width, cropping only empty sky off the top
   (plus up to the thin strip under the ticker), so there are never side bars.
   On taller windows the small leftover space sits at the very top (blurred stadium behind the menu); sides are never cropped. */
@media(min-width:851px){
  body #home .final-home-wrap{position:relative;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important}
  body #home .final-home-wrap::before{content:"";position:absolute;inset:-60px;z-index:0;pointer-events:none;
    background:url('/assets/dashboard-thin-ticker.png') center 12%/cover no-repeat;filter:blur(22px) brightness(.55)}
  body #home .final-home-canvas{z-index:1}
  /* fit numbers (--hwTy slide, --hwS slight vertical fit) come from fitHome() in home-windows.js */
  body #home .final-home-canvas{width:100vw!important;transform-origin:50% 100%;
    transform:translateY(var(--hwTy,0px)) scaleY(var(--hwS,1))}
  /* keep the logo inside the visible area */
  #hwLogo{--lt:var(--hwLt,1.2%);top:var(--lt)!important;
    /* fits between the visible top and the left window's title bar (32.6% of the art) */
    height:min(29.5%,calc(31.6% - var(--lt)))!important}
  /* ticker sits exactly between the art strip lines (y 872-923 of 941), level with FOOTBALL LIVES HERE */
  /* tall ticker: from the bottom of the three windows to the bottom strip, full width,
     with its own FOOTBALL LIVES HERE end cap (covers the art box so the two always match) */
  #home #masterTickerLive{top:88.9%!important;height:9.2%!important;width:100%!important;
    grid-template-columns:10.5% minmax(0,1fr) 10.5%!important;grid-template-rows:60% 40%!important}
  #home #masterTickerLive::after{content:"FOOTBALL\A LIVES HERE";white-space:pre;grid-row:1/3;grid-column:3;display:flex;align-items:center;justify-content:center;
    text-align:center;padding-left:1.2%;background:linear-gradient(180deg,#e2282e 0%,#a00d12 58%,#7a080c 100%);
    clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
    font:italic 400 clamp(13px,1.3vw,26px)/1.02 Anton,Impact,sans-serif;letter-spacing:.05em;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.55)}
  #home #masterTickerWeek{font-size:clamp(16px,1.9vw,36px)!important}
  #home #masterTickerLive .master-ticker-game{font-size:clamp(13px,1.3vw,25px)!important}
  #home #masterTickerLive .master-ticker-game img{width:clamp(16px,1.6vw,30px)!important;height:clamp(16px,1.6vw,30px)!important}
  #home #masterTickerLive .master-ticker-game small{font-size:clamp(9px,.72vw,14px)!important}
  #hwTickerPool .hw-tp-tag{font-size:clamp(9px,.78vw,15px)}
  #hwTickerPool .hw-tp-msg{font-size:clamp(10px,.9vw,17px)}
}

/* HOMEPAGE: lighter stadium sky (Brian 09-27). Brightens only the art behind the windows, strongest at
   the top and fading out by ~40% down; windows, logo and ticker sit above it and are not affected. */
@media(min-width:851px){
  body #home .final-home-canvas::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    -webkit-backdrop-filter:brightness(1.75) saturate(1.1);backdrop-filter:brightness(1.75) saturate(1.1);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 16%,transparent 40%);mask-image:linear-gradient(180deg,#000 0%,#000 16%,transparent 40%)}
}

/* GAME-DAY FIX (09-27): at the first Sunday kickoff the old site code switches its center panel back on
   (#masterCenterLive.live-kickoff-center, display:block!important) and it covered the new windows.
   Keep all three old panels hidden, whatever state the old code puts them in. */
html body #home #masterCenterLive,html body #home #masterCenterLive.live-kickoff-center,
html body #home #masterSnapshotLive,html body #home #masterLeaderLive,
html body #home #masterCenterLive.live-kickoff-center + .master-center-frame-foreground{display:none!important}

/* LIVE CENTER extra screens: RED ZONE / BIG PLAYS / KEY INJURIES (home-windows.js) */
.hw-gc-list{display:flex;flex-direction:column;gap:.45cqw;margin:.6cqw 0;min-height:0;overflow:hidden}
.hw-gc-li{display:grid;grid-template-columns:2.6cqw 1fr auto;grid-template-areas:"logo title time" "logo line time";align-items:center;column-gap:.8cqw;row-gap:.1cqw;
  padding:.45cqw .8cqw;border-left:.25cqw solid #c9a44a;border-radius:.3cqw;background:rgba(255,255,255,.06)}
.hw-gc-li img{grid-area:logo;width:2.6cqw;height:2.6cqw;object-fit:contain}
.hw-gc-li b{grid-area:title;font:800 1.05cqw/1.15 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.04em;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-gc-li span{grid-area:line;font:600 .85cqw/1.2 'Barlow Semi Condensed',Arial,sans-serif;color:#c9d6e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-gc-li i{grid-area:time;font:800 .8cqw/1 'Barlow Semi Condensed',Arial,sans-serif;font-style:normal;letter-spacing:.06em;color:#f3d77a;text-align:right;white-space:nowrap}

.hw-gc-sub{padding:.3cqw .2cqw;font:800 .9cqw/1 "Barlow Semi Condensed",Arial,sans-serif;letter-spacing:.14em;color:#f3d77a;text-align:center}

/* ---------- RED ZONE (TV style) ---------- */
.rz-banner{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:1cqw;margin:0 0 .7cqw;padding:.55cqw 1.1cqw;overflow:hidden;
  border-radius:.3cqw;background:linear-gradient(100deg,#3a0a0e,#6b0f15 45%,#2a0709);border:1px solid rgba(255,90,90,.35)}
.rz-banner b{font:400 2.2cqw/1 Anton,Impact,sans-serif;letter-spacing:.08em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5)}
.rz-banner span{font:800 .85cqw/1 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.16em;color:#ffd0d0}
.rz-banner.on{background:linear-gradient(100deg,#8e0b12,#e3222b 45%,#7a080d);border-color:#ff6b6b;animation:rzPulse 1.6s ease-in-out infinite}
.rz-banner.on::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 60%);transform:translateX(-100%);animation:rzShine 2.4s ease-in-out infinite}
@keyframes rzPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,50,50,.0),0 0 1.2cqw rgba(255,40,40,.35)}50%{box-shadow:0 0 0 .25cqw rgba(255,60,60,.35),0 0 2.4cqw rgba(255,40,40,.7)}}
@keyframes rzShine{to{transform:translateX(100%)}}
.rz-list{display:flex;flex-direction:column;gap:.6cqw}
.rz-card{display:grid;grid-template-columns:4cqw 1fr 44%;grid-template-rows:auto auto;column-gap:1cqw;row-gap:.4cqw;align-items:center;padding:.6cqw .9cqw;
  border-radius:.35cqw;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12)}
.rz-card.is-hot{border-color:rgba(255,80,80,.7);box-shadow:inset 0 0 1.5cqw rgba(255,40,40,.18)}
.rz-logo{grid-row:1/3;width:4cqw;height:4cqw;object-fit:contain;filter:drop-shadow(0 .2cqw .4cqw rgba(0,0,0,.6))}
.rz-info{display:flex;flex-direction:column;gap:.25cqw;min-width:0}
.rz-info strong{font:400 1.25cqw/1 Anton,Impact,sans-serif;letter-spacing:.05em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-bug{display:inline-flex;align-self:flex-start;border-radius:.2cqw;overflow:hidden;font:800 .9cqw/1 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.06em}
.rz-bug b{padding:.25cqw .5cqw;background:#f3d77a;color:#1a1204}
.rz-bug span{padding:.25cqw .5cqw;background:#0b1523;color:#fff}
.rz-info small{font:700 .8cqw/1 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.06em;color:#b9c7d4}
.rz-field{position:relative;height:3.4cqw;border-radius:.25cqw;overflow:hidden;border:1px solid rgba(255,255,255,.35);
  background:repeating-linear-gradient(90deg,#2f6d2c 0 8.5%,#377a33 8.5% 17%)}
.rz-ez{position:absolute;right:0;top:0;bottom:0;width:15%;background:linear-gradient(90deg,#7a0b10,#a8121a)}
.rz-yl{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.75)}
.rz-num{position:absolute;bottom:.15cqw;transform:translateX(-50%);font:400 .75cqw/1 Anton,Impact,sans-serif;color:rgba(255,255,255,.8);font-style:normal}
.rz-20{position:absolute;top:0;bottom:0;width:.25cqw;margin-left:-.12cqw;background:#ff3b3b;box-shadow:0 0 .6cqw #ff3b3b}
.rz-fd{position:absolute;top:0;bottom:0;width:.3cqw;margin-left:-.15cqw;background:#ffd400;box-shadow:0 0 .5cqw rgba(255,212,0,.9)}
.rz-ball{position:absolute;top:50%;width:1.3cqw;height:.8cqw;margin:-.4cqw 0 0 -.65cqw;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,#c9774a,#7a3a17);
  box-shadow:0 0 0 .12cqw #fff,0 0 .9cqw rgba(255,255,255,.8);animation:rzBall 1.2s ease-in-out infinite}
@keyframes rzBall{50%{box-shadow:0 0 0 .12cqw #fff,0 0 1.6cqw rgba(255,255,255,1)}}
.rz-ezl{position:absolute;right:0;top:0;bottom:0;width:15%;display:flex;align-items:center;justify-content:center;font:400 .9cqw/1 Anton,Impact,sans-serif;letter-spacing:.1em;color:#fff;writing-mode:vertical-rl;transform:rotate(180deg)}
.rz-pool{grid-column:2/4;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6cqw;font:800 .75cqw/1 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.06em;color:#dfe7ee}
.rz-pool .bar{height:.45cqw;border-radius:1cqw;background:rgba(255,255,255,.18);overflow:hidden}
.rz-pool .bar i{display:block;height:100%;background:linear-gradient(90deg,#c9a44a,#f3d77a)}
.rz-pool small{color:#8fa1b2;letter-spacing:.14em}
.rz-idle{display:flex;flex-direction:column;align-items:center;gap:.8cqw;padding:1.5cqw 0;font:800 .9cqw/1 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.14em;color:#c9d6e2}
.rz-radar{width:7cqw;height:7cqw;border-radius:50%;border:1px solid rgba(255,80,80,.5);
  background:conic-gradient(from 0deg,rgba(255,60,60,.55),transparent 25%),repeating-radial-gradient(circle,transparent 0 1.1cqw,rgba(255,80,80,.25) 1.1cqw 1.2cqw);animation:rzSpin 2.4s linear infinite}
@keyframes rzSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.rz-banner.on,.rz-banner.on::after,.rz-ball,.rz-radar{animation:none}}
.hw-gc:has(.rz-banner){justify-content:flex-start}
/* Red Zone: recent scoring plays feed (newest on top; new ones slide in) */
.rz-score{display:grid;grid-template-columns:2.6cqw 1fr auto;grid-template-areas:"logo title q" "logo text score";column-gap:.9cqw;row-gap:.15cqw;align-items:center;
  padding:.45cqw .9cqw;border-radius:.3cqw;border-left:.3cqw solid #f3d77a;background:linear-gradient(90deg,rgba(243,215,122,.14),rgba(255,255,255,.03))}
.rz-score img{grid-area:logo;width:2.6cqw;height:2.6cqw;object-fit:contain}
.rz-score b{grid-area:title;font:400 1.1cqw/1 Anton,Impact,sans-serif;letter-spacing:.06em;color:#fff}
.rz-score span{grid-area:text;font:600 .8cqw/1.2 'Barlow Semi Condensed',Arial,sans-serif;color:#c9d6e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-score i{grid-area:score;font:800 .85cqw/1 'Barlow Semi Condensed',Arial,sans-serif;font-style:normal;color:#fff;text-align:right;white-space:nowrap}
.rz-score em{grid-area:q;font:800 .75cqw/1 'Barlow Semi Condensed',Arial,sans-serif;font-style:normal;letter-spacing:.08em;color:#f3d77a;text-align:right;white-space:nowrap}
.rz-score.new{animation:rzIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes rzIn{from{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:none}}

/* HOME: team logo in place of the SUNDAY PICKS / LEGENDARY MOMENTS art text (team-theme.js #hwTeamBadge).
   Only for a signed-in player with a favorite team; everyone else sees the original text. Desktop only. */
#hwTeamBadge{display:none}
@media(min-width:851px){
  html.pp-team #hwTeamBadge{display:block;position:absolute;left:33%;top:11.5%;width:34%;height:14%;z-index:5;pointer-events:none}
  #hwTeamBadge .blur{display:none;position:absolute;inset:0;-webkit-backdrop-filter:blur(22px) brightness(.45);backdrop-filter:blur(22px) brightness(.45);
    -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 72%,transparent 100%)}
  #hwTeamBadge .logo{position:absolute;left:50%;top:50%;height:175%;aspect-ratio:1;transform:translate(-50%,-48%);background:var(--team-logo) center/contain no-repeat;
    filter:drop-shadow(0 0 .6cqw rgb(var(--tc2) / .85)) drop-shadow(0 0 1.6cqw rgb(var(--tc1) / .9)) drop-shadow(0 .3cqw .5cqw rgba(0,0,0,.6));animation:hwBadge 4s ease-in-out infinite alternate}
  @keyframes hwBadge{from{transform:translate(-50%,-48%) scale(.97)}to{transform:translate(-50%,-48%) scale(1.03)}}
}
@media(prefers-reduced-motion:reduce){#hwTeamBadge .logo{animation:none}}
.hw-gc.rz-mode{justify-content:flex-start!important}

/* CALMER + FIXES (Brian 09-27): no light sweeps; windows change without a white wipe or blank moment;
   Red Zone banner never gets squeezed (text was cut off) */
#hwRoot .hw-wipe::after{display:none!important}
#hwRoot .hw-wipe{animation:none!important}
.rz-banner.on{animation:none!important;box-shadow:0 0 1.2cqw rgba(255,40,40,.35)!important}
.rz-banner.on::after{display:none!important}
.rz-banner,.rz-card,.rz-score{flex-shrink:0}
.rz-banner b{line-height:1.05}
.hw-gc.rz-mode{overflow:hidden}
#hwStadium .hw-beam,#hwStadium .hw-glint{display:none!important}

/* RIGHT WINDOW: IF IT ENDED NOW (projected standings) */
#hwRightPulse .hw-now-note{font:800 .72cqw/1 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.14em;color:#f3d77a;text-align:center;padding:.2cqw 0 .5cqw}
#hwRightPulse .hw-now-row{display:grid;grid-template-columns:1.5cqw 6.2cqw 1fr auto 1.8cqw;align-items:center;gap:.5cqw;padding:.32cqw .4cqw;border-bottom:1px solid rgba(255,255,255,.07)}
#hwRightPulse .hw-now-row.first{background:linear-gradient(90deg,rgba(243,215,122,.18),transparent);border-left:.2cqw solid #f3d77a}
.hw-now-rank{font:400 .95cqw/1 Anton,Impact,sans-serif;color:#fff;text-align:center}
.hw-now-name{font:800 .78cqw/1.1 'Barlow Semi Condensed',Arial,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-now-bar{display:flex;height:.7cqw;border-radius:.4cqw;overflow:hidden;background:rgba(255,255,255,.08)}
.hw-now-bar .now{background:linear-gradient(90deg,#2e5aa8,#4f86e0)}
.hw-now-bar .add{background:repeating-linear-gradient(135deg,#2fc26a 0 .3cqw,#1f9a51 .3cqw .6cqw);box-shadow:0 0 .5cqw rgba(47,194,106,.6)}
.hw-now-pts{font:800 .8cqw/1 'Barlow Semi Condensed',Arial,sans-serif;color:#fff;white-space:nowrap}
.hw-now-mv{font:800 .7cqw/1 'Barlow Semi Condensed',Arial,sans-serif;font-style:normal;color:#8fa1b2;text-align:right}
.hw-now-mv.up{color:#2fc26a}.hw-now-mv.down{color:#ff6b6b}

/* EASIER READING (Brian 09-27): small text inside the windows uses regular-width Barlow at medium weight,
   a touch larger, instead of heavy condensed bold. Titles keep the broadcast font. */
#hwRoot .hw-row span,#hwRoot .hw-row b,
#hwRoot .hw-lp-row div,
#hwRoot .hw-now-name,#hwRoot .hw-now-pts,
#hwRoot .hw-gc-li b,#hwRoot .hw-gc-li span,
#hwRoot .rz-info small,#hwRoot .rz-score span,#hwRoot .rz-score i,#hwRoot .rz-pool{
  font-family:'Barlow','Helvetica Neue',Arial,sans-serif!important;font-weight:600!important;letter-spacing:.01em!important}
#hwRoot .hw-row span.hw-ellipsis,#hwRoot .hw-lp-row div,#hwRoot .hw-now-name{font-size:1.06em}
#hwRoot .hw-gc-li span,#hwRoot .rz-score span{font-weight:500!important;color:#dbe4ec!important}
#hwRoot .hw-lp-row span,#hwRoot .hw-now-note{letter-spacing:.1em!important}

/* MNF WHAT IF easier to read (Brian 09-28) */
@media(min-width:851px){#hwScreen .hw-gc-wi-row{font-size:1cqw;padding:.25cqw 0}#hwScreen .hw-gc-wi small{font-size:.75cqw}}

/* HOME CLEANUPS (Impeccable review 09-28) — no layout change */
#masterGotwLive.hw-gotw-on:after{display:none!important}       /* no light sweep across the Game of the Week box */
#masterGotwLive.hw-gotw-on img{animation:none!important}         /* logos stay still (no bobbing) */
#masterGotwLive .hw-gotw-split span:nth-child(2){justify-content:flex-end}  /* home-team % shows at the right end */

/* MNF live line in the existing pill (Brian 09-28) */
#hwScreen .hw-gc-tag.hw-mnf-live{display:flex;align-items:center;gap:.9cqw;padding:.55cqw 1.4cqw;white-space:nowrap;font:600 1.2cqw/1 Barlow,'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums}
#hwScreen .hw-mnf-live b{white-space:nowrap;font:400 1.75cqw/1 Anton,Impact,sans-serif;letter-spacing:.03em;color:#fff}
#hwScreen .hw-mnf-live span{color:#f3d77a}
#hwScreen .hw-mnf-live i{font-style:normal;color:#f3d77a;padding-left:.9cqw;border-left:1px solid rgba(243,215,122,.4)}
#hwScreen .hw-mnf-live em{font-style:normal;color:#dbe4ec;padding-left:.9cqw;border-left:1px solid rgba(243,215,122,.4)}
@media(max-width:850px){#hwScreen .hw-gc-tag.hw-mnf-live{flex-wrap:wrap;justify-content:center;font-size:12px;gap:6px}#hwScreen .hw-mnf-live b{font-size:17px}}

/* ================= Brian 10-04: windows reassigned =========================
   LEFT  score pops over the news  |  CENTRE live weekly standings
   RIGHT season standings
   Undo: delete this block and revert home-windows.js. ======================= */

/* --- your own row, in either standings window --- */
:is(#hwRows,#hwScreen) .hw-me{
  background:linear-gradient(90deg,rgba(243,215,122,.34),rgba(243,215,122,.08) 55%,rgba(243,215,122,0))!important;
  box-shadow:inset .22cqw 0 0 #f3d77a;
}
:is(#hwRows,#hwScreen) .hw-me .hw-ellipsis{color:#fff}
#hwRows .hw-row .hw-wins{
  font-style:normal;font-size:.72cqw;color:#f3d77a;margin-right:.45em;opacity:.95;
}

/* --- CENTRE: live weekly standings --- */
#hwScreen .hw-ws{position:absolute;inset:4% 6% 5%;display:flex;flex-direction:column;gap:.45cqw}
#hwScreen .hw-ws-note{
  font:800 .76cqw/1.2 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  letter-spacing:.13em;text-transform:uppercase;color:#f3d77a;text-align:center;flex:0 0 auto;
}
/* the one-line explanation of where the numbers come from */
#hwScreen .hw-ws-sub{
  font:600 .68cqw/1.3 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  color:#a8bccd;text-align:center;flex:0 0 auto;margin:-.2cqw 0 .25cqw;padding:0 4%;
}
#hwScreen .hw-ws-list{flex:1 1 auto;display:grid;grid-template-rows:repeat(9,1fr);gap:.1cqw}
#hwScreen .hw-ws-row{
  display:grid;grid-template-columns:8% 1fr 15% 18% 11%;align-items:center;padding:0 2%;
  font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:1.08cqw;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,0));
}
#hwScreen .hw-ws-rank{text-align:center;color:#9fb3c6}
#hwScreen .hw-ws-name{padding-left:3%;color:#eef3f6}

/* the number carries the direction: climbing, sliding, or holding */
/* holds "8 \2192 11" when live games are adding points, or just the number */
#hwScreen .hw-ws-pts{
  text-align:right;font-size:1.2cqw;font-variant-numeric:tabular-nums;white-space:nowrap;
}
#hwScreen .hw-ws-pts.is-up{color:#49d17f;text-shadow:0 0 .35cqw rgba(73,209,127,.4)}
#hwScreen .hw-ws-pts.is-down{color:#ff6a5f;text-shadow:0 0 .35cqw rgba(255,106,95,.35)}
#hwScreen .hw-ws-pts.is-flat{color:#f3d77a}

/* spots gained or lost, on the right of the row */
#hwScreen .hw-ws-move{
  text-align:right;font-size:.86cqw;letter-spacing:.04em;font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#hwScreen .hw-ws-move.is-up{color:#49d17f}
#hwScreen .hw-ws-move.is-down{color:#ff6a5f}
#hwScreen .hw-ws-move.is-flat{color:#5d7183}
/* BANKED column: plain, so the coloured PROJECTED number is the one that reads */
#hwScreen .hw-ws-bank{text-align:right;font-size:1.2cqw;color:#dfe8ef;font-variant-numeric:tabular-nums}
#hwScreen .hw-ws-row.r1 .hw-ws-bank{color:#1a1204}
/* column labels */
#hwScreen .hw-ws-head{background:none;flex:0 0 auto;font-size:.7cqw;letter-spacing:.12em;color:#8fa4b7;padding-bottom:.15cqw;border-bottom:1px solid rgba(243,215,122,.35)}
#hwScreen .hw-ws-head>span{color:#8fa4b7!important;font-size:.7cqw!important;text-shadow:none}

#hwScreen .hw-ws-row.r1{background:linear-gradient(90deg,#b8912f,#f3d77a 45%,#b8912f);color:#1a1204}
#hwScreen .hw-ws-row.r1 :is(.hw-ws-rank,.hw-ws-name){color:#1a1204}
/* on the gold leader row the bright greens wash out, so darken them */
#hwScreen .hw-ws-row.r1 .hw-ws-pts.is-flat{color:#1a1204}
#hwScreen .hw-ws-row.r1 .hw-ws-pts.is-up,#hwScreen .hw-ws-row.r1 .hw-ws-move.is-up{color:#0c5e32}
#hwScreen .hw-ws-row.r1 .hw-ws-pts.is-down,#hwScreen .hw-ws-row.r1 .hw-ws-move.is-down{color:#7a1711}
#hwScreen .hw-ws-row.r1 .hw-ws-move.is-flat{color:#5a4a1c}
#hwScreen .hw-empty{
  margin:auto;font:800 .9cqw 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;color:#c5d3e0;text-align:center;
}

/* --- LEFT: the score pop --- */
#hwLeftPulse .hw-pop{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.45cqw;padding:.7cqw;text-align:center;
  background:radial-gradient(120% 90% at 50% 0,rgba(196,21,24,.5),rgba(3,16,28,.96) 62%);
  animation:hwPopIn .45s cubic-bezier(.2,.9,.25,1) both;
}
#hwLeftPulse .hw-pop.fg{background:radial-gradient(120% 90% at 50% 0,rgba(184,145,47,.45),rgba(3,16,28,.96) 62%)}
#hwLeftPulse .hw-pop-head{display:flex;flex-direction:column;align-items:center;gap:.2cqw}
#hwLeftPulse .hw-pop-head img{width:3.4cqw;height:3.4cqw;object-fit:contain;filter:drop-shadow(0 .15cqw .25cqw rgba(0,0,0,.6))}
#hwLeftPulse .hw-pop h2{
  margin:0;font:900 1.5cqw/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  letter-spacing:.08em;color:#fff;text-shadow:0 .12cqw .22cqw rgba(0,0,0,.65);
}
#hwLeftPulse .hw-pop strong{
  font:800 .92cqw/1.1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  letter-spacing:.12em;color:#f3d77a;
}
#hwLeftPulse .hw-pop-score{
  display:grid;grid-template-columns:1fr auto auto 1fr;align-items:baseline;gap:.5cqw;width:100%;
  font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
}
#hwLeftPulse .hw-pop-score span{font-weight:800;font-size:.86cqw;letter-spacing:.08em;color:#c5d3e0}
#hwLeftPulse .hw-pop-score span:first-child{text-align:right}
#hwLeftPulse .hw-pop-score span:last-child{text-align:left}
#hwLeftPulse .hw-pop-score b{font-weight:900;font-size:1.65cqw;color:#fff;font-variant-numeric:tabular-nums}
#hwLeftPulse .hw-pop-clock{
  font:800 .8cqw/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  letter-spacing:.14em;color:#9fb3c6;text-transform:uppercase;
}
#hwLeftPulse .hw-pop-pool{display:flex;align-items:center;gap:.4cqw;width:100%;margin-top:.15cqw}
#hwLeftPulse .hw-pop-pool span{font:800 .72cqw 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;color:#c5d3e0;white-space:nowrap}
#hwLeftPulse .hw-pop-pool .bar{flex:1;height:.42cqw;border-radius:.21cqw;background:#13293d;overflow:hidden}
#hwLeftPulse .hw-pop-pool .bar i{display:block;height:100%;background:linear-gradient(90deg,#f3d77a,#b8912f)}
#hwLeftPulse .hw-pop-pool small{
  position:absolute;bottom:.35cqw;left:0;right:0;text-align:center;
  font:800 .6cqw 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.16em;color:#6f8498;
}
@keyframes hwPopIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}

/* phones: the windows stack, so the pop sizes off the viewport instead */
@media (max-width:860px){
  #hwLeftPulse .hw-pop{position:relative;inset:auto;min-height:150px}
  #hwLeftPulse .hw-pop-head img{width:40px;height:40px}
  #hwLeftPulse .hw-pop h2{font-size:22px}
  #hwLeftPulse .hw-pop strong{font-size:12px}
  #hwLeftPulse .hw-pop-score b{font-size:24px}
  #hwLeftPulse .hw-pop-score span{font-size:12px}
  #hwLeftPulse .hw-pop-clock{font-size:11px}
  #hwLeftPulse .hw-pop-pool span{font-size:10px}
  #hwLeftPulse .hw-pop-pool .bar{height:6px;border-radius:3px}
  #hwScreen .hw-ws{position:relative;inset:auto;padding:10px}
  #hwScreen .hw-ws-row{font-size:14px;grid-template-columns:24px 1fr 52px 64px 36px}
  #hwScreen .hw-ws-bank{font-size:15px}
  #hwScreen .hw-ws-head,#hwScreen .hw-ws-head>span{font-size:9px!important}
  #hwScreen .hw-ws-pts{font-size:16px}
  #hwScreen .hw-ws-move{font-size:12px}
  #hwScreen .hw-ws-note{font-size:11px}
  #hwScreen .hw-ws-sub{font-size:11px;margin:2px 0 6px}
}

/* ---- RIGHT WINDOW: your card, while games are being played (Brian 10-11) ---- */
#hwRows .hw-card-row{
  grid-template-columns:28% 1fr 26%;
  font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;
}
#hwRows .hw-card-team{
  font-family:'Oswald','Arial Narrow',sans-serif;font-weight:600;letter-spacing:.05em;
  color:#eef3f6;padding-left:4%;white-space:nowrap;
}
#hwRows .hw-card-vs{font-size:.86cqw;color:#9fb3c6;letter-spacing:.02em}
#hwRows .hw-card-state{
  text-align:right;padding-right:6%;font-variant-numeric:tabular-nums;font-size:.94cqw;
  letter-spacing:.03em;
}
/* ahead or already won reads green; behind or lost reads red; untouched stays quiet */
#hwRows .hw-card-row.is-up,#hwRows .hw-card-row.is-won{
  background:linear-gradient(90deg,rgba(73,209,127,.2),rgba(73,209,127,0));
  box-shadow:inset .2cqw 0 0 #49d17f;
}
#hwRows .hw-card-row.is-up .hw-card-state,#hwRows .hw-card-row.is-won .hw-card-state{color:#6fe0a0}
#hwRows .hw-card-row.is-down,#hwRows .hw-card-row.is-lost{
  background:linear-gradient(90deg,rgba(255,106,95,.17),rgba(255,106,95,0));
  box-shadow:inset .2cqw 0 0 #ff6a5f;
}
#hwRows .hw-card-row.is-down .hw-card-state,#hwRows .hw-card-row.is-lost .hw-card-state{color:#ff8a81}
#hwRows .hw-card-row.is-lost{opacity:.72}
#hwRows .hw-card-row.is-even .hw-card-state,
#hwRows .hw-card-row.is-push .hw-card-state{color:#f3d77a}
#hwRows .hw-card-row.is-pending{opacity:.78}
#hwRows .hw-card-row.is-pending .hw-card-state{color:#8599aa}

@media (max-width:860px){
  #hwRows .hw-card-vs{font-size:12px}
  #hwRows .hw-card-state{font-size:13px}
}

/* MNF WHO WINS in the LEFT window (Brian 10-12) */
#hwLeftPulse .hw-mnf{display:flex;flex-direction:column;gap:.5cqw;padding:0 3%}
#hwLeftPulse .hw-mnf-game{font:800 1cqw/1.2 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.14em;color:#8aa0b4;text-align:center}
#hwLeftPulse .hw-ws-note{font:800 1cqw/1.2 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.12em;color:#f3d77a;text-align:center}
#hwLeftPulse .hw-ws-sub{font:600 .95cqw/1.3 'Barlow Semi Condensed',Arial,sans-serif;color:#aab7c8}
#hwLeftPulse .hw-mnf-case{background:rgba(255,255,255,.05);border:1px solid rgba(243,215,122,.25);border-radius:6px;padding:.5cqw .8cqw}
#hwLeftPulse .hw-mnf-head{font:800 .95cqw/1.2 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.12em;color:#f3d77a}
#hwLeftPulse .hw-mnf-win{font:400 1.45cqw/1.15 Anton,Impact,sans-serif;color:#fff;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hwLeftPulse .hw-mnf-row{display:grid;grid-template-columns:30% 1fr auto;gap:.5cqw;font:700 1cqw/1.35 'Barlow Semi Condensed',Arial,sans-serif;color:#dfe8f0}
#hwLeftPulse .hw-mnf-row b{color:#3ddc84}#hwLeftPulse .hw-mnf-row i{color:#8aa0b4;font-style:normal}
@media(max-width:820px){#hwLeftPulse .hw-mnf-game,#hwLeftPulse .hw-ws-note,#hwLeftPulse .hw-mnf-head{font-size:11px}#hwLeftPulse .hw-ws-sub{font-size:11px}#hwLeftPulse .hw-mnf-win{font-size:17px}#hwLeftPulse .hw-mnf-row{font-size:12px}#hwLeftPulse .hw-mnf-case{padding:8px 10px}}

/* CLINCHED announcement (Brian 10-12) */
#hwLeftPulse .hw-clinch{position:relative;overflow:hidden;text-align:center;padding:.6cqw .6cqw .9cqw;border-radius:8px;
  background:radial-gradient(120% 90% at 50% 20%,rgba(243,215,122,.28),rgba(243,215,122,.06) 55%,rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(20,30,48,.9),rgba(8,14,24,.95));
  border:1px solid rgba(243,215,122,.6);box-shadow:0 0 22px rgba(243,215,122,.25),inset 0 0 18px rgba(243,215,122,.12)}
#hwLeftPulse .hw-clinch>*{position:relative;z-index:1}
#hwLeftPulse .hw-clinch-kick{font:800 .95cqw/1 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.3em;color:#cfd8e3}
#hwLeftPulse .hw-clinch-ribbon{display:inline-block;margin:.45cqw auto .2cqw;padding:.25cqw 1.4cqw;font:400 1.5cqw/1.1 Anton,Impact,sans-serif;letter-spacing:.18em;color:#1a1204;
  background:linear-gradient(110deg,#b8912f 0%,#f3d77a 35%,#fff6cf 50%,#f3d77a 65%,#b8912f 100%);background-size:250% 100%;animation:hwShine 2.6s linear infinite;
  clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%)}
#hwLeftPulse .hw-clinch-trophy{font-size:3cqw;line-height:1.1;filter:drop-shadow(0 0 10px rgba(243,215,122,.8));animation:hwBob 2.4s ease-in-out infinite}
#hwLeftPulse .hw-clinch-name{font:400 2.5cqw/1.05 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:linear-gradient(110deg,#b8912f 0%,#f3d77a 30%,#fffbe6 50%,#f3d77a 70%,#b8912f 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:hwShine 3.2s linear infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
#hwLeftPulse .hw-clinch-wins{font:400 1.35cqw/1.2 Anton,Impact,sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.35)}
#hwLeftPulse .hw-clinch-sub{margin-top:.35cqw;font:800 .85cqw/1.2 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.14em;color:#3ddc84}
#hwLeftPulse .hw-clinch-conf{position:absolute;inset:0;z-index:0;pointer-events:none}
#hwLeftPulse .hw-clinch-conf i{position:absolute;top:-8%;width:.45cqw;height:.8cqw;border-radius:1px;opacity:.85;animation:hwFall linear infinite}
@keyframes hwShine{0%{background-position:100% 0}100%{background-position:-150% 0}}
@keyframes hwBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6%) rotate(4deg)}}
@keyframes hwFall{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(1200%) rotate(540deg)}}
@media(prefers-reduced-motion:reduce){#hwLeftPulse .hw-clinch *{animation:none!important}}
@media(max-width:820px){#hwLeftPulse .hw-clinch-kick{font-size:11px}#hwLeftPulse .hw-clinch-ribbon{font-size:18px}#hwLeftPulse .hw-clinch-trophy{font-size:36px}
  #hwLeftPulse .hw-clinch-name{font-size:30px}#hwLeftPulse .hw-clinch-wins{font-size:16px}#hwLeftPulse .hw-clinch-sub{font-size:11px}#hwLeftPulse .hw-clinch-conf i{width:5px;height:9px}}

/* TEAM CLINCH: the clincher's favorite-team colors and logo (Brian 10-12) */
#hwLeftPulse .hw-clinch.is-team{border-color:rgb(var(--c2));
  background:radial-gradient(120% 90% at 50% 25%,rgb(var(--c1) / .55),rgb(var(--c3) / .7) 60%,rgba(6,10,18,.95) 100%);
  box-shadow:0 0 26px rgb(var(--c2) / .45),inset 0 0 22px rgb(var(--c2) / .2)}
#hwLeftPulse .hw-clinch.is-team .hw-clinch-wm{position:absolute;inset:6% 10%;z-index:0;background:center/contain no-repeat;opacity:.16;filter:saturate(1.2)}
#hwLeftPulse .hw-clinch.is-team .hw-clinch-ribbon{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);
  background:linear-gradient(110deg,rgb(var(--c3)) 0%,rgb(var(--c1)) 35%,rgb(var(--c2)) 50%,rgb(var(--c1)) 65%,rgb(var(--c3)) 100%);background-size:250% 100%}
#hwLeftPulse .hw-clinch.is-team .hw-clinch-name{background-image:linear-gradient(110deg,rgb(var(--c2)) 0%,#fff 45%,rgb(var(--c2)) 60%,#fff 100%);background-size:250% 100%}
#hwLeftPulse .hw-clinch.is-team .hw-clinch-sub{color:rgb(var(--c2))}
#hwLeftPulse .hw-clinch.is-team .hw-clinch-trophy{display:flex;align-items:center;justify-content:center;gap:.6cqw}
#hwLeftPulse .hw-clinch-logo{height:3.2cqw;width:auto;filter:drop-shadow(0 0 8px rgb(var(--c2) / .9))}
@media(max-width:820px){#hwLeftPulse .hw-clinch-logo{height:40px}}

/* FULL-WINDOW CLINCH (Brian 10-12): winner photo on the left, the announcement on the right */
#hwLeftPulse.hw-full{padding:0;justify-content:stretch;left:2%;width:24.2%;top:38.6%;height:45%}
#hwLeftPulse .hw-clinch-full{position:relative;flex:1;min-height:100%;overflow:hidden;display:grid;grid-template-columns:56% 44%;
  background:radial-gradient(120% 100% at 80% 40%,rgba(243,215,122,.22),rgba(8,14,24,.96) 70%)}
#hwLeftPulse .hw-clinch-full.is-team{background:radial-gradient(120% 100% at 80% 40%,rgb(var(--c1)),rgb(var(--c3)) 60%,#05080e 100%)}
#hwLeftPulse .hw-clinch-photo{position:relative;height:100%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}
#hwLeftPulse .hw-clinch-photo.has-photo{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent)}
#hwLeftPulse .hw-clinch-photo.is-logo{background-size:78% auto;background-position:center;filter:drop-shadow(0 0 16px rgb(var(--c2) / .8));animation:hwBob 3s ease-in-out infinite}
#hwLeftPulse .hw-clinch-cap{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.6cqw .5cqw;min-width:0}
#hwLeftPulse .hw-clinch-full .hw-clinch-conf{z-index:1}
#hwLeftPulse .hw-clinch-full .hw-clinch-name{font-size:2cqw;max-width:100%}
#hwLeftPulse .hw-clinch-full .hw-clinch-wins{font-size:1.15cqw}
#hwLeftPulse .hw-clinch-full .hw-clinch-sub{font-size:.8cqw;line-height:1.3}
#hwLeftPulse .hw-clinch-full.is-team .hw-clinch-ribbon{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);background:linear-gradient(110deg,rgb(var(--c3)) 0%,rgb(var(--c1)) 35%,rgb(var(--c2)) 50%,rgb(var(--c1)) 65%,rgb(var(--c3)) 100%);background-size:250% 100%}
#hwLeftPulse .hw-clinch-full.is-team .hw-clinch-name{background-image:linear-gradient(110deg,rgb(var(--c2)) 0%,#fff 45%,rgb(var(--c2)) 60%,#fff 100%);background-size:250% 100%}
#hwLeftPulse .hw-clinch-full.is-team .hw-clinch-sub{color:rgb(var(--c2))}
@keyframes hwZoom{0%{background-size:auto 190%}100%{background-size:auto 202%}}
@media(max-width:820px){#hwLeftPulse.hw-full{min-height:260px}#hwLeftPulse .hw-clinch-full .hw-clinch-name{font-size:26px}#hwLeftPulse .hw-clinch-full .hw-clinch-wins{font-size:15px}#hwLeftPulse .hw-clinch-full .hw-clinch-sub{font-size:11px}}
#hwLeftPulse .hw-clinch-cv{position:absolute;inset:0;width:100%;height:100%;animation:hwPush 14s ease-in-out infinite alternate;transform-origin:50% 40%}
@keyframes hwPush{0%{transform:scale(1)}100%{transform:scale(1.07)}}
@media(max-width:820px){#hwLeftPulse.hw-full{left:auto;width:auto;top:auto;height:auto}}
#hwLeftPulse .hw-mnf-row{grid-template-columns:1fr auto auto}
#hwLeftPulse .hw-mnf-row.hw-mnf-tb{grid-template-columns:auto 1fr auto}
#hwLeftPulse .hw-mnf-row.hw-mnf-tb{grid-template-columns:auto 1fr;align-items:start}#hwLeftPulse .hw-mnf-tb span{white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#hwLeftPulse.hw-big{left:2%;width:24.2%;top:38.6%;height:45%;justify-content:flex-start;padding:.5cqw .6cqw}#hwLeftPulse.hw-big .hw-mnf{gap:.4cqw}
@media(max-width:820px){#hwLeftPulse.hw-big{left:auto;width:auto;top:auto;height:auto}}

/* MNF window redesign (Brian 10-12) */
#hwLeftPulse .hw-mnf-live{text-align:center;font:800 1cqw/1.2 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.1em;color:#ff5a5a}
#hwLeftPulse .hw-mnf-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);border-left:3px solid #f3d77a;border-radius:6px;padding:.55cqw .7cqw;display:flex;flex-direction:column;gap:.25cqw}
#hwLeftPulse .hw-mnf-hd{display:flex;align-items:center;gap:.5cqw;font:800 .95cqw/1 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.14em;color:#f3d77a}
#hwLeftPulse .hw-mnf-hd img{width:1.7cqw;height:1.7cqw;object-fit:contain}
#hwLeftPulse .hw-mnf-who{font:400 1.75cqw/1.05 Anton,Impact,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
#hwLeftPulse .hw-mnf-pts{font:800 .9cqw/1.2 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.1em;color:#3ddc84}
#hwLeftPulse .hw-mnf-tot{display:grid;grid-template-columns:5.2cqw 1fr auto;align-items:baseline;gap:.5cqw;padding:.2cqw .35cqw;border-radius:4px;font:700 1cqw/1.25 'Barlow Semi Condensed',Arial,sans-serif;color:#e9eff5}
#hwLeftPulse .hw-mnf-tot b{color:#fff;font-weight:800;white-space:nowrap}
#hwLeftPulse .hw-mnf-tot span{overflow-wrap:anywhere}
#hwLeftPulse .hw-mnf-tot i{font-style:normal;color:#8aa0b4;white-space:nowrap}
#hwLeftPulse .hw-mnf-tot.is-split span{color:#f3d77a}
#hwLeftPulse .hw-mnf-tot.is-now{background:rgba(61,220,132,.18);outline:1px solid rgba(61,220,132,.55)}
@media(max-width:820px){#hwLeftPulse .hw-mnf-live,#hwLeftPulse .hw-mnf-hd{font-size:11px}#hwLeftPulse .hw-mnf-hd img{width:20px;height:20px}#hwLeftPulse .hw-mnf-who{font-size:22px}#hwLeftPulse .hw-mnf-pts{font-size:11px}#hwLeftPulse .hw-mnf-tot{font-size:13px;grid-template-columns:70px 1fr auto}#hwLeftPulse .hw-mnf-card{padding:8px 10px}}
/* Brian 10-18: several night games left - up to 4 result cards, so tighter (desktop; phones keep their px sizes) */
@media(min-width:821px){
#hwLeftPulse .hw-mnf.is-multi{gap:.3cqw}
#hwLeftPulse .hw-mnf.is-multi .hw-mnf-card{padding:.35cqw .6cqw;gap:.12cqw}
#hwLeftPulse .hw-mnf.is-multi .hw-mnf-who{font-size:1.3cqw}
#hwLeftPulse .hw-mnf.is-multi .hw-mnf-tot{font-size:.85cqw;padding:.1cqw .3cqw}
#hwLeftPulse .hw-mnf.is-multi .hw-mnf-hd img{width:1.4cqw;height:1.4cqw}
#hwLeftPulse.hw-big{overflow:hidden}
}