header.simpleBrandHeader{box-sizing:border-box;display:grid;grid-template-columns:clamp(48px,10vw,120px) minmax(0,1fr) clamp(64px,10vw,120px) clamp(48px,10vw,120px);align-items:center;gap:clamp(7px,1.5vw,22px);padding:14px max(10px,calc((100vw - 1180px)/2));margin:0;width:100%;background:linear-gradient(110deg,#02062a,#07182e);border-bottom:4px solid #e69516;color:#e69516;font-family:Arial,sans-serif;}
.simpleBrandHeader .headerImage{display:block;width:100%;height:auto;max-height:120px;object-fit:contain;margin:0;}
.simpleBrandHeader .headerImageLeft{grid-column:1;grid-row:1;}.simpleBrandHeader .headerImageRight{grid-column:4;grid-row:1;}
.simpleBrandHeader .headerTitle{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;text-align:center;}
.simpleBrandHeader .headerTitle strong{font-size:clamp(18px,3.1vw,36px);line-height:1.2;letter-spacing:0;font-weight:900;color:#e69516;}
.simpleBrandHeader .headerTitle strong span{display:inline;font-size:inherit;font-weight:inherit;}.simpleBrandHeader .headerTitle>span{font-size:clamp(14px,1.8vw,20px);font-weight:800;line-height:1.35;color:#e69516;}
.simpleBrandHeader .radarTitlePulse{color:#39ff14;animation:bannerTitlePulse 5s ease-in-out infinite;}
.bannerRadar{grid-column:3;grid-row:1;width:100%;max-width:120px;justify-self:center;}
.bannerRadarScreen{position:relative;isolation:isolate;box-sizing:border-box;width:100%;aspect-ratio:1;border-radius:50%;border:2px solid #39ff14;overflow:hidden;background:linear-gradient(transparent 49.5%,#39ff1466 50%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,#39ff1466 50%,transparent 50.5%),repeating-radial-gradient(circle,transparent 0 23%,#39ff1455 24% 25%,transparent 26% 48%),radial-gradient(circle,#0d3e25,#020e11);box-shadow:0 0 12px #39ff1466,inset 0 0 16px #39ff1433;}
.bannerRadarSweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,transparent 275deg,#39ff1410 276deg,#39ff1488 357deg,#c7ffc0 360deg);transform-origin:center;animation:bannerRadarTurn 4s linear infinite;}
.bannerRadarBlip{position:absolute;width:6px;height:6px;border-radius:50%;background:#aaff88;box-shadow:0 0 8px #39ff14;animation:bannerRadarPing 4s linear infinite;}
.blipOne{left:68%;top:28%;animation-delay:.5s;}.blipTwo{left:62%;top:72%;animation-delay:1.8s;}.blipThree{left:25%;top:48%;animation-delay:3s;}
@keyframes bannerRadarTurn{to{transform:rotate(360deg)}}@keyframes bannerRadarPing{0%,10%{opacity:1}50%,100%{opacity:.18}}@keyframes bannerTitlePulse{0%,100%{text-shadow:0 0 3px #39ff14}50%{text-shadow:0 0 12px #39ff14}}
@media(max-width:650px){header.simpleBrandHeader{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;padding:12px 8px;}.simpleBrandHeader .headerImageRight{grid-column:3;}.simpleBrandHeader .headerTitle strong{font-size:18px;}.simpleBrandHeader .headerTitle>span{font-size:14px;}.bannerRadar{grid-column:2;grid-row:2;width:64px;}.simpleBrandHeader .headerImage{max-height:80px;}}
@media(prefers-reduced-motion:reduce){.bannerRadarSweep,.bannerRadarBlip,.simpleBrandHeader .radarTitlePulse{animation:none;}}

header.simpleBrandHeader{grid-template-columns:clamp(48px,10vw,120px) minmax(0,1fr) clamp(48px,10vw,120px);}
.simpleBrandHeader .headerImageRight{grid-column:3;}
.bannerSports{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:min(100%,700px);margin:4px auto 0;}
.bannerSportRadar{min-width:0;text-align:center;}.bannerSportLabel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;margin-bottom:6px;color:#e69516;font-size:14px;font-weight:800;line-height:1.2;}.bannerSportLabel>span:first-child{font-size:18px;}
.bannerSportRadar .bannerRadarScreen{max-width:92px;margin:auto;}.bannerWinRate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:18px;font-weight:900;line-height:1.2;white-space:nowrap;color:#e69516;background:#02170fe8;border:1px solid #39ff1488;border-radius:5px;padding:3px 4px;}
@media(max-width:650px){.bannerSports{gap:6px;}.bannerSportLabel{font-size:12px;min-height:46px;}.bannerSportLabel>span:first-child{font-size:16px;}.bannerSportRadar .bannerRadarScreen{max-width:64px;}.bannerWinRate{font-size:14px;padding:2px;}.bannerRadarBlip{width:4px;height:4px;}}

/* Reuse both former logo columns; preserve title width and first-row height. */
header.simpleBrandHeader{--banner-logo-size:clamp(48px,10vw,120px);--banner-gap:clamp(7px,1.5vw,22px);grid-template-columns:calc(2 * var(--banner-logo-size) + var(--banner-gap)) minmax(0,1fr);}
.singleBannerLogo{grid-column:1;grid-row:1;position:relative;align-self:stretch;min-height:var(--banner-logo-size);min-width:0;}
.simpleBrandHeader .singleBannerLogo .headerImageLeft{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;}
@media(max-width:650px){header.simpleBrandHeader{--banner-gap:8px;}}

.bannerSportLabel{height:48px;min-height:48px;box-sizing:border-box;display:grid;grid-template-rows:18px 26px;gap:4px;justify-items:center;align-items:center;}
.bannerSportLabel>span{line-height:1;}.bannerBasketballLabel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}.bannerWnbaLabel{display:block;font-size:12px;line-height:1;white-space:nowrap;}
@media(max-width:650px){.bannerSportLabel{height:46px;min-height:46px;grid-template-rows:16px 26px;}.bannerWnbaLabel{font-size:10px;}}

/* One shared logo position on every page. */
body header.simpleBrandHeader .singleBannerLogo{left:96px!important}
@media(max-width:650px){body header.simpleBrandHeader .singleBannerLogo{left:16px!important}}

/* The sixth column keeps the sound control beside MLB on every page. */
body header.simpleBrandHeader .bannerSports{grid-template-columns:repeat(5,minmax(0,1fr)) 56px;width:min(100%,768px);align-items:start}
body header.simpleBrandHeader .sparklesSoundBar{grid-column:6;grid-row:1;position:static!important;transform:none!important;display:flex!important;justify-content:center;align-items:center;align-self:end;width:56px!important;height:56px!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body header.simpleBrandHeader .sparklesSoundToggle{box-sizing:border-box;position:static!important;transform:none!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important;padding:9px!important;border:2px solid #e69516;border-radius:10px;background:#e69516;color:#080808;cursor:pointer}
body header.simpleBrandHeader .sparklesSoundToggle svg{width:34px;height:34px;flex-shrink:0}
@media(max-width:650px){body header.simpleBrandHeader .sparklesSoundBar{margin-bottom:4px!important}.bannerSports{gap:5px}}

/* Adjusted desktop logo and title offsets; phones retain their separate layout. */
@media(min-width:1200px){body header.simpleBrandHeader .singleBannerLogo{left:144px!important}body header.simpleBrandHeader .headerTitle{position:relative;left:-48px}}
