/* WALN broadcast treatment. Keep content and actions readable and motion optional. */
:root{--chrome:#bfcbdc;--electric:#259eff;--panel:#0b1c32}
body{background-color:#050c16;background-image:radial-gradient(ellipse at 0 12%,#125fa51c,transparent 36%),radial-gradient(ellipse at 100% 58%,#1262ba19,transparent 35%)}
.topline{background:linear-gradient(100deg,#07346a,#0d2139 55%,#07346a);box-shadow:inset 0 -1px #57aeff60;letter-spacing:1.5px}
header{background:linear-gradient(180deg,#10233af5,#050d19fa);border-bottom:1px solid #496987;box-shadow:0 6px 22px #0006,inset 0 1px #8bb4dd15}
header .brand img{filter:drop-shadow(0 0 9px #168bff45)}
nav a{position:relative;padding-block:9px}nav a:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:100%;background:var(--electric);box-shadow:0 0 10px #168bff;transition:right .18s}nav a:hover:after,nav a:focus-visible:after{right:0}
.button{isolation:isolate;position:relative;overflow:hidden;border-radius:3px;border:1px solid #c1e0ff;border-top-color:#effaff;border-bottom:3px solid #054c9c;background:linear-gradient(180deg,#388fdc 0%,#1175c7 44%,#0759ae 46%,#064784 100%);box-shadow:inset 0 1px 0 #fff7,inset 0 -1px 0 #2ca9ff,0 4px 0 #020713,0 0 0 2px #0b2946,0 8px 20px #0007,0 0 22px #168bff23;text-shadow:0 2px 2px #00132e;font-weight:900;letter-spacing:1.1px;transition:transform .18s,box-shadow .18s,filter .18s}
.button:before{content:"";position:absolute;z-index:-1;inset:3px;border:1px solid #c6edff24;border-radius:1px;pointer-events:none}
.button:after{content:"";position:absolute;top:-60%;bottom:-60%;left:-65%;width:35%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .4s;pointer-events:none}
.button:hover{background:linear-gradient(180deg,#54aff3,#1885d8 44%,#0966bc 46%,#075297);color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px #fff9,inset 0 -1px #67caff,0 5px 0 #020713,0 0 0 2px #174a78,0 10px 24px #0007,0 0 28px #168bff55}
.button:hover:after{left:140%}.button:active{transform:translateY(1px);box-shadow:inset 0 1px #fff4,0 1px 0 #020713,0 0 0 2px #0b2946}
.button.outline{color:#e7f4ff;border-color:#a2bad4;border-top-color:#e1ebf5;border-bottom-color:#304962;background:linear-gradient(180deg,#29425d,#162b43 44%,#0b1c31 46%,#102239);box-shadow:inset 0 1px #fff4,0 4px 0 #020713,0 0 0 2px #091522,0 7px 18px #0005}
.button.outline:hover{background:linear-gradient(180deg,#3a5879,#244767 44%,#163a60 46%,#142c47);border-color:#92d0ff;color:white;box-shadow:inset 0 1px #fff6,0 5px 0 #020713,0 0 0 2px #173e63,0 0 22px #168bff30}
.button[data-link="live"]{border-left:4px solid #e7f6ff;box-shadow:inset 0 1px #fff8,inset 0 -1px #69c8ff,0 4px 0 #020713,0 0 0 2px #0d3156,0 0 26px #168bff44}
.hero{background:linear-gradient(105deg,#050b15 8%,#091a30 52%,#0c2850 100%);border-bottom:1px solid #3d7ab1}
.hero:before{content:"";position:absolute;pointer-events:none;inset:0;background:repeating-linear-gradient(125deg,transparent 0,transparent 70px,#60aaff06 71px,#60aaff06 72px),radial-gradient(ellipse at 15% 2%,#208fff25,transparent 45%)}
.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;left:8.5%;top:44px;width:64px;height:3px;background:linear-gradient(90deg,#d6f0ff,#168bff);box-shadow:0 0 20px #168bff88}
.hero h1{color:#e4eaf3;text-shadow:0 2px 0 #768ba4,0 5px 1px #0009,0 0 26px #8bc5ff17;font-weight:950}
.hero h1 em{color:#4aa9ff;text-shadow:0 2px 0 #064580,0 5px 1px #000b,0 0 25px #168bff40}
.hero-art img{filter:saturate(1.12) contrast(1.03)}.image-caption{border:1px solid #4b7294;border-left:3px solid #36acff;box-shadow:0 4px 18px #0008;background:linear-gradient(100deg,#0e2c4bf0,#050f1df0)}
.nextbar{position:relative;background:linear-gradient(105deg,#112a49,#0b1c31 60%,#102d4d);border-block:1px solid #47769e;box-shadow:inset 0 2px #97c8f617,inset 0 -3px #020a15,0 8px 25px #0003}.nextbar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--blue);box-shadow:0 0 15px #168bff66}
.section-head{position:relative}.section-head h2{color:#e9f1fc;text-shadow:0 2px #122d49}.section-head .eyebrow:before{content:"";display:inline-block;height:3px;width:24px;vertical-align:middle;background:var(--blue);margin-right:10px;box-shadow:0 0 10px #168bff6b}
.show-card{position:relative;background:linear-gradient(145deg,#142d49,#091729 70%);border:1px solid #3e5b79;box-shadow:inset 0 1px #acc9e533,0 12px 28px #0005;transition:transform .2s,border-color .2s,box-shadow .2s}.show-card:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:var(--blue);box-shadow:0 0 18px #168bff66}.show-card:hover{border-color:#62a7e4;box-shadow:0 12px 30px #0008,0 0 25px #168bff19;transform:translateY(-3px)}.show-card>a{border-bottom:2px solid #467eac}.tag{display:inline-block;background:linear-gradient(100deg,#174573,#122a47);border-left:2px solid #71c0ff;padding:5px 9px;color:#c2e4ff}
.text-link{border-bottom:1px solid #2a608b;padding-bottom:5px}.text-link:hover{color:#e6f7ff;border-color:#83d0ff;text-shadow:0 0 14px #168bff66}
.watch-section{background:radial-gradient(ellipse at 0 0,#163d6533,transparent 60%),linear-gradient(130deg,#0d2038,#07121f);border-block-color:#3d5b79}
.schedule,.episode-library,.game-schedule,.standings-panel{border-color:#3a5876;box-shadow:inset 0 1px #b6d3ef22,0 10px 28px #0004}.schedule{background:linear-gradient(145deg,#193553,#09172a)}.schedule-row>span{border:1px solid #315d86;background:#0c2744;padding:7px 4px;text-align:center;width:43px;box-shadow:inset 0 1px #fff1;color:#b3ddff}
.promotion{background:linear-gradient(110deg,#173c62,#0b2039);border:1px solid #345e86;border-left:4px solid #4db5ff;box-shadow:inset 0 1px #9cd3ff22,0 7px 24px #0003}
.crew-card img{border-color:#6387ac;box-shadow:0 0 0 3px #0d1e32,0 12px 25px #0007}.crew-card h3{text-shadow:0 1px #102943}.crew-card details{border-color:#365574}
.drive-section{background:radial-gradient(ellipse at 100% 0,#135ea24d,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 59px,#72b6fb05 60px),#0a192b;border-block:1px solid #527b9e;box-shadow:inset 0 3px #08111e,inset 0 -3px #08111e}.drive-layout>img{border-color:#7399bf;box-shadow:0 0 0 4px #0a233e,0 18px 50px #0009,0 0 32px #168bff20}.rounds>div>span{display:inline-block;border-bottom:2px solid #479de4;color:#9bd3ff;padding-bottom:4px}.standings-panel tbody tr:first-child{background:linear-gradient(100deg,#174a7d,#102d4d)}.standings-panel tbody tr:first-child td:last-child{color:#bde5ff;font-size:21px;font-weight:bold}.history-panel{background:linear-gradient(120deg,#102c49,#0a192a);border-color:#365777;box-shadow:inset 0 1px #a5ceef19}
.fan-aside{background:linear-gradient(145deg,#183653,#0b1b30);border:1px solid #385c7d;border-top:3px solid #57b6ff;box-shadow:0 12px 30px #0005}.steps li:before{background:linear-gradient(#214c74,#10283e);border-color:#6a95ba;box-shadow:0 3px 9px #0005;color:#b5e2ff}
.shop-section{background:radial-gradient(ellipse at 25% 50%,#1b69a22b,transparent 60%),linear-gradient(120deg,#112b49,#08121f);border-block-color:#3c5c7d}.contact{background:radial-gradient(ellipse at 50% 100%,#1364a63d,transparent 80%),#0a1b2f;border-top-color:#567fa4}
@media(max-width:760px){.topline{letter-spacing:.35px;font-size:7px}.hero-copy:before{left:6%;top:25px;width:45px}.button{letter-spacing:.7px}.show-card:hover{transform:none}.hero h1{line-height:1.15}.standings-panel td,.standings-panel th{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.button:after{display:none}.button:hover,.show-card:hover{transform:none}}
/* Subtle animated stadium lighting; crew image remains the original artwork. */
.hero-art{isolation:isolate;overflow:hidden}
.hero-art:before{content:"";position:absolute;inset:-12% -25% 68%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#8acfff00 32%,#77c5ff2e 42%,#bbecff35 48%,#60b7ff16 53%,transparent 65%);filter:blur(7px);transform:translateX(-18%) rotate(-5deg);animation:waln-stadium-light 14s ease-in-out infinite alternate;mix-blend-mode:screen}
.hero-art:after{content:"";position:absolute;inset:88% -20% -15%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 40% 60%,#40b5ff59,transparent 60%);filter:blur(12px);animation:waln-edge-light 9s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes waln-stadium-light{from{transform:translateX(-18%) rotate(-5deg);opacity:.4}to{transform:translateX(20%) rotate(6deg);opacity:.85}}
@keyframes waln-edge-light{from{transform:translateX(-12%);opacity:.35}to{transform:translateX(18%);opacity:.65}}
.waln-ticker{display:flex;align-items:stretch;border-block:1px solid #4485bc;background:linear-gradient(180deg,#102d4c,#06192e);min-height:54px;overflow:hidden;box-shadow:inset 0 1px #c6eaff27;position:relative;z-index:2}
.ticker-label{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;gap:0 6px;flex-shrink:0;width:137px;line-height:1.3;letter-spacing:1.4px;font-weight:900;font-size:11px;background:linear-gradient(130deg,#2493ec,#075397);border-right:2px solid #9ad4ff;padding:10px 15px;box-shadow:5px 0 20px #0004;z-index:1;color:white}.ticker-label b{font-size:10px}
.ticker-window{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.ticker-track{display:flex;width:max-content;animation:waln-scroll 65s linear infinite;will-change:transform}
.ticker-group{display:flex;flex-shrink:0;align-items:center;width:max-content}.ticker-group a{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px;color:#e3edf8;padding:10px 0 10px 24px}.ticker-group b{font-size:10px;color:#9ed6ff;letter-spacing:.6px}.ticker-group i{font-style:normal;color:#308fda;font-size:9px;margin:0 14px 0 10px}.ticker-group a:hover{color:white;text-decoration:underline}
#motion-toggle{flex-shrink:0;width:90px;background:#081a2e;color:#d2eaff;border:0;border-left:1px solid #4677a1;font-size:9px;font-weight:bold;letter-spacing:1px;z-index:1}#motion-toggle:hover{background:#193f62}
@keyframes waln-scroll{to{transform:translateX(-50%)}}
.motion-paused .ticker-track,.motion-paused .hero-art:before,.motion-paused .hero-art:after{animation-play-state:paused}
.ticker-window:hover .ticker-track,.ticker-window:focus-within .ticker-track{animation-play-state:paused}
@media(max-width:760px){.ticker-label{width:85px;font-size:10px;padding:8px}.ticker-label b{font-size:8px}#motion-toggle{width:64px;font-size:8px}.ticker-group a{font-size:10px;gap:9px}.ticker-group b{font-size:9px}.hero-art:before{inset:-10% -25% 75%}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;transform:none;will-change:auto}.ticker-window{overflow-x:auto}.ticker-group[aria-hidden="true"]{display:none}.hero-art:before,.hero-art:after{animation:none;opacity:.3}#motion-toggle{display:none}}

/* Silent WALN intro, contained so crew portraits and titles stay in frame. */
.intro-art{background:#02050a;min-width:0;isolation:isolate}
.intro-art:before,.intro-art:after{display:none}
.intro-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}
.intro-art.intro-playing .intro-fallback{visibility:hidden}
.intro-art.intro-playing video{background:#02050a}
.intro-art video[hidden]{display:none}
#intro-toggle{position:absolute;right:16px;bottom:16px;z-index:3;background:#071a2eeb;color:#e3f2ff;border:1px solid #5f98c6;border-radius:3px;padding:11px 14px;font-size:10px;font-weight:800;letter-spacing:.8px;cursor:pointer;box-shadow:0 3px 14px #0008}
#intro-toggle:hover{background:#173d61}#intro-toggle:focus-visible{outline:3px solid #a6d8ff;outline-offset:3px}
@media(max-width:760px){.intro-art{height:auto;aspect-ratio:16/9;min-height:0}.intro-art .intro-fallback{position:absolute;inset:0;object-fit:cover;mask-image:none}#intro-toggle{right:10px;bottom:10px;padding:9px 11px}}

/* Give the intro its own full-width flow box; avoid percentage-height/aspect-ratio sizing cycles in Safari. */
.hero:has(.intro-art){grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}
.hero .intro-art{display:block;position:relative;width:100%;max-width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:16/9;align-self:center;justify-self:stretch}
.hero .intro-art video{display:block;position:relative;inset:auto;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;z-index:1}
.hero .intro-art .intro-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask-image:none;z-index:0}
.hero .intro-art video[hidden]{display:none}
@media(max-width:760px){.hero:has(.intro-art){grid-template-columns:minmax(0,1fr);min-height:0}.hero .intro-art{width:100%;height:auto;aspect-ratio:16/9;align-self:start}.hero .hero-copy{min-width:0}}