:root{--site-shell-deep:#071f2f;--site-shell-deep-2:#0c3040;--site-shell-cyan:#69d2e7;--site-shell-lime:#d5ff5f;--site-shell-paper:#f5f4ed;--site-shell-ink:#102638;--site-shell-line:#31515d}
.site-shell{position:sticky;top:0;z-index:70;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(22px,4vw,58px);width:100%;min-height:72px;padding:10px max(18px,5vw);background:color-mix(in srgb,var(--site-shell-deep) 96%,transparent);color:#fff;border-bottom:1px solid var(--site-shell-line);backdrop-filter:blur(16px)}
.site-shell-brand{display:inline-flex;align-items:center;min-width:92px;min-height:44px;color:#fff;text-decoration:none}.site-shell-brand img,.site-shell>.brand img{display:block;width:92px;height:auto;object-fit:contain}
.site-shell-primary{display:flex;align-items:center;gap:6px;justify-self:start}.site-shell-primary a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;color:#bcd0d5!important;text-decoration:none;font:750 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif}.site-shell-primary a:hover,.site-shell-primary a:focus-visible{background:#113747;color:#fff!important}.site-shell-primary a[aria-current=page]{background:#143b49;color:var(--site-shell-lime)!important}
.site-shell-tools{display:flex;align-items:center;justify-self:end;gap:8px}.site-shell-saved,.site-shell-more-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid #456470;border-radius:999px;background:transparent;color:#d4e2e5!important;text-decoration:none;font:750 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}.site-shell-saved:hover,.site-shell-more-button:hover,.site-shell-saved:focus-visible,.site-shell-more-button:focus-visible{border-color:var(--site-shell-cyan);color:#fff!important;outline:0}.site-shell-more-button span{letter-spacing:1px}
.site-shell-home{grid-template-columns:auto 1fr auto}.site-shell-home>.site-shell-primary{margin-left:0}.site-shell-home-tools{display:flex!important;align-items:center!important;gap:8px!important}.site-shell-home-tools>a,.site-shell-home-tools>.a11y-open{display:none!important}.site-shell-home-tools .saved-btn{min-height:42px;padding:0 13px}.site-shell-home-tools .sg-clock,.site-shell-home-tools .theme-quick{min-height:42px}
.site-mobile-dock{display:none}.site-shell-more[hidden]{display:none}.site-shell-more{position:fixed;inset:0;z-index:110;display:grid;align-items:end;justify-items:center}.site-shell-more-shade{position:absolute;inset:0;width:100%;height:100%;border:0;background:#031722b8;backdrop-filter:blur(4px)}.site-shell-more aside{position:relative;width:min(520px,calc(100% - 20px));margin:0 10px max(10px,env(safe-area-inset-bottom));padding:22px;border:1px solid #cbd8d4;border-radius:25px;background:var(--site-shell-paper);color:var(--site-shell-ink);box-shadow:0 24px 80px #0008}.site-shell-more aside>header{display:flex;align-items:start;justify-content:space-between;gap:20px}.site-shell-more aside small{color:#71848a}.site-shell-more aside>header small{font-size:9px;font-weight:900;letter-spacing:1.5px}.site-shell-more h2{margin:3px 0 0;font:800 30px/1 Manrope,system-ui,sans-serif}.site-shell-more-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c8d3d0;border-radius:50%;background:#fff;color:var(--site-shell-ink);font-size:25px;cursor:pointer}.site-shell-more nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.site-shell-more nav a{display:flex;flex-direction:column;min-height:84px;padding:15px;border:1px solid #d3ddda;border-radius:15px;background:#fff;color:var(--site-shell-ink);text-decoration:none}.site-shell-more nav a:hover,.site-shell-more nav a:focus-visible{border-color:#4eb7ca;outline:2px solid #69d2e755}.site-shell-more nav span{font-size:14px;font-weight:850}.site-shell-more nav small{margin-top:5px;font-size:10px;line-height:1.35}.site-shell-more footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;min-height:0!important;margin:16px 0 0!important;padding:14px 2px 0!important;border-top:1px solid #d4ddda!important;background:transparent!important;font-size:11px!important}.site-shell-more footer a{color:#63767c!important}.site-shell-menu-open{overflow:hidden}
.site-game-context{grid-template-columns:auto minmax(0,1fr) auto}.site-game-title{justify-self:center;min-width:0;max-width:38vw;overflow:hidden;color:#dce9eb;font:800 13px/1.2 Manrope,system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.site-game-context.is-play-mode{height:58px;min-height:58px}.site-game-context.is-play-mode .game-site-brand img{width:78px!important;height:auto!important}.site-game-context.is-play-mode .game-site-play{display:none}
.forecast-tabs{position:sticky;top:82px;z-index:25;display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:0 auto 28px;padding:6px;border:1px solid #c9d5d1;border-radius:999px;background:#fffef9e8;box-shadow:0 12px 30px #0a29300d;backdrop-filter:blur(12px)}.forecast-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;color:#556c72;text-decoration:none;font-size:12px;font-weight:800}.forecast-tabs a:hover,.forecast-tabs a:focus-visible{background:#e8f3f1;color:#153645}.forecast-tabs a[aria-current=page]{background:var(--site-shell-deep);color:var(--site-shell-lime)}
@media(max-width:760px){
  .site-shell:not(.site-game-context){grid-template-columns:auto 1fr;min-height:64px;padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}.site-shell:not(.site-game-context) .site-shell-primary,.site-shell:not(.site-game-context) .site-shell-tools{display:none}.site-shell-brand{min-height:44px}.site-shell-home{grid-template-columns:auto 1fr auto!important}.site-shell-home>.site-shell-primary{display:none!important}.site-shell-home-tools{display:flex!important}.site-shell-home-tools .saved-btn{display:none!important}
  .site-mobile-dock{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:90;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:62px;border:1px solid #315361;border-radius:18px;background:#061a2bf2;box-shadow:0 12px 36px #0007;backdrop-filter:blur(14px);overflow:hidden}.site-mobile-dock a,.site-mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:48px;padding:0;border:0;background:transparent;color:#c6d8dc;text-decoration:none;cursor:pointer}.site-mobile-dock span{font-size:17px;line-height:1}.site-mobile-dock b{font-size:9px;font-weight:750}.site-mobile-dock [aria-current=page]{background:#123b4d;color:var(--site-shell-lime)}.site-mobile-dock .site-mobile-play span{display:grid;place-items:center;width:28px;height:28px;margin-top:-13px;border-radius:50%;background:var(--site-shell-lime);color:var(--site-shell-deep);box-shadow:0 4px 15px #0004}.has-site-mobile-dock{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .site-game-context{grid-template-columns:auto minmax(64px,1fr) auto;height:64px;min-height:64px;padding:env(safe-area-inset-top) 10px 0}.site-game-context .game-site-brand img{width:76px!important;height:auto!important}.site-game-title{position:static;justify-self:start;max-width:100%;font-size:10px}.site-game-context .game-site-play{display:none}.site-game-context .game-site-actions{gap:5px}.site-game-context .game-site-back{min-width:0;padding:0 9px}.site-game-context.is-play-mode{height:calc(54px + env(safe-area-inset-top));min-height:calc(54px + env(safe-area-inset-top))}.site-game-context.is-play-mode .game-site-brand{display:none}
  .forecast-tabs{top:72px;width:100%;margin-bottom:20px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.forecast-tabs::-webkit-scrollbar{display:none}.forecast-tabs a{flex:1 0 auto;min-width:70px;padding:0 14px}
}
@media(max-width:420px){.site-shell-home-tools .sg-clock{padding-inline:8px}.site-shell-home-tools .theme-quick{width:40px}.site-shell-more nav{grid-template-columns:1fr}.site-shell-more nav a{min-height:68px}.site-game-title{max-width:82px}}
/* Forecast navigation stays in normal flow so its top offset cannot cover the
   status line or heading at any viewport size. */
.forecast-tabs{position:relative;top:auto}
@media(max-width:760px){.forecast-tabs{z-index:2;margin-bottom:30px;background:#fffef9;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.site-shell-more-shade{backdrop-filter:none}.site-shell,.site-mobile-dock,.forecast-tabs{backdrop-filter:none}}
