/* Background storytelling: the original homepage remains in normal document flow. */
#view:has(.fs-live){position:relative;isolation:isolate;background:transparent}
#view .fs-live{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 65% 10%,#205e45 0%,#0a2b23 65%,#071d18 100%)}
#view .fs-live .fs-court{position:absolute;inset:-8%;opacity:0;transform:scale(1.5) rotate(-9deg);background:linear-gradient(90deg,#123d31 0 21%,#206a50 21% 79%,#123d31 79%)}
#view .fs-live .fs-court:before{content:"";position:absolute;inset:15% 16%;border:3px solid #e3f8d070}
#view .fs-live .fs-court:after{content:"";position:absolute;top:50%;left:16%;right:16%;border-top:3px solid #e3f8d070}
#view .fs-live .fs-court i:first-child{position:absolute;top:15%;bottom:15%;left:50%;border-left:3px solid #e3f8d070}
#view .fs-live .fs-court i:nth-child(2){position:absolute;left:16%;right:16%;top:30%;border-top:2px solid #e3f8d05c}
#view .fs-live .fs-court i:nth-child(3){position:absolute;left:16%;right:16%;bottom:30%;border-top:2px solid #e3f8d05c}
#view .fs-live .fs-ball{position:absolute;top:10%;left:12%;width:clamp(135px,26vw,320px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 22%,#f0ffac,#c7ed62 34%,#719b29 76%,#37581a);box-shadow:inset -22px -24px 30px #23440a91,0 30px 65px #0007;will-change:transform}
#view .fs-live .fs-ball:before,#view .fs-live .fs-ball:after{content:"";position:absolute;width:100%;height:110%;border:4px solid #efffc9;border-radius:50%;top:-7%;left:-62%;transform:rotate(-18deg)}
#view .fs-live .fs-ball:after{left:62%;transform:rotate(18deg)}
#view .fs-live .fs-glow{position:absolute;inset:0;background:#071d18;opacity:0;pointer-events:none}
#view .fs-welcome{position:relative;z-index:1;min-height:clamp(280px,54svh,560px);padding:clamp(28px,5vw,65px);margin:-12px -14px 20px;display:flex;flex-direction:column;justify-content:center;gap:16px;background:linear-gradient(90deg,#071d18d9,#071d1830);color:#f6fff2;overflow:hidden}
#view .fs-kicker{color:#d2fa8c;font-size:11px;font-weight:800;letter-spacing:.18em}
#view .fs-welcome h2{font-size:clamp(55px,11vw,140px);line-height:.88;letter-spacing:-.085em;font-weight:950;margin:0;max-width:900px;color:#fff}
#view .fs-welcome h2 em{font-style:normal;color:#d2fa8c}
#view .fs-welcome p{font-size:clamp(14px,2vw,20px);color:#d4e7d9;max-width:470px;line-height:1.45;margin:0}
#view .fs-welcome-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
#view .fs-welcome-actions button{background:#d2fa8c;color:#123327;border:0;border-radius:10px;padding:12px 15px;font-weight:850;min-height:44px;cursor:pointer}
#view .fs-scroll-hint{color:#c4dfcc;font-size:10px;letter-spacing:.15em;font-weight:700;margin-top:12px}
/* Keep original data cards legible over the animated field. */
#view:has(.fs-live)>.card,#view:has(.fs-live)>.hero,#view:has(.fs-live)>.quick-grid,#view:has(.fs-live)>.section-head,#view:has(.fs-live)>.date-bar{position:relative;z-index:1}
@media(max-width:600px){#view .fs-welcome{margin:-14px -12px 18px;min-height:330px;padding:25px 18px}#view .fs-welcome h2{font-size:clamp(54px,14vw,88px)}#view .fs-live .fs-ball{width:44vw;left:35%;top:12%}#view .fs-welcome-actions button{font-size:12px;padding:11px}}
@media(prefers-reduced-motion:reduce){#view .fs-live .fs-ball{opacity:.3}#view .fs-live .fs-court{opacity:.55;transform:none}}