*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#a9d5e5;color:var(--live-ink,#173e48);font:16px/1.55 Arial,sans-serif}body{height:100dvh;overflow:hidden}.live-world{position:fixed;inset:0;overflow:hidden}.live-world>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.live-night{opacity:var(--night-mix,0)}.live-atmosphere{position:fixed;inset:0;background:linear-gradient(#fca56855,transparent 65%);mix-blend-mode:soft-light;opacity:var(--sunset-mix,0);pointer-events:none}.channel-brand{position:absolute;left:4%;top:4%;display:flex;align-items:center;gap:18px;z-index:4}.channel-brand img{width:62px;filter:invert(var(--night-mix,0))}.channel-brand span{font:29px Georgia;color:var(--live-ink)}.broadcast{position:absolute;inset:0 230px 0 0;pointer-events:none}.program{position:absolute;top:21%;left:30%;right:8%;max-width:590px;pointer-events:auto;transition:opacity 1.2s,transform 1.2s;text-shadow:0 1px 8px #ffffff12}.program.changing{opacity:0;transform:translateY(7px)}#segment{font-size:15px;margin:0 0 15px;opacity:.85}h1{font:clamp(28px,3vw,49px)/1.08 Georgia;letter-spacing:-.035em;margin:0 0 24px;max-width:540px}#copy{font-size:clamp(15px,1.22vw,19px);line-height:1.65;max-width:510px;margin:0 0 21px}#source{color:inherit;font-size:12px;text-underline-offset:5px;display:inline-block;min-height:32px}.program-progress{height:2px;width:80px;margin-top:17px;background:#5c808333;overflow:hidden}.program-progress i{display:block;width:100%;height:100%;background:currentColor;transform:scaleX(var(--progress,0));transform-origin:left;opacity:.5}.channel-rail{position:absolute;top:0;right:0;bottom:0;width:230px;background:rgba(15,50,65,.84);backdrop-filter:blur(14px);color:#fff9ef;padding:40px 27px 100px;z-index:5;display:flex;flex-direction:column;overflow:auto}.destination{font-size:14px;color:#d9eae8}#clock{font:42px/1.3 Georgia;margin-top:8px}#today{font-size:12px;line-height:1.7;color:#c4dbdd;margin:5px 0 34px}.channel-rail h2{font:18px Georgia;margin:0 0 18px}.on-air ol{list-style:none;padding:0;margin:0}.on-air li{font-size:13px;color:#b2ced0;margin:0 0 17px;padding-left:15px;position:relative}.on-air li[aria-current]{color:white}.on-air li[aria-current]:before{content:'';position:absolute;left:0;top:7px;width:5px;height:5px;background:#f6d5a1;border-radius:50%;box-shadow:0 0 9px #f6d5a1}.park-links{margin-top:25px}.park-links a{color:#e2eeeb;display:block;font-size:12px;line-height:1.6;margin-bottom:17px;text-decoration:none}.park-links a:hover{text-decoration:underline}.data-note{font-size:10px;line-height:1.65;color:#b5cdce;margin-top:auto;padding-top:25px}.channel-controls{position:fixed;left:25px;right:25px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:10;transition:opacity .7s,transform .7s}.channel-controls>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.channel-controls a,.channel-controls button{font:12px Arial;color:#fff9ef;text-decoration:none;border:1px solid #f4ffff60;background:#143c4ae8;border-radius:24px;padding:12px 16px;min-height:44px;cursor:pointer}.idle .channel-controls:not(:focus-within):not(:hover){opacity:0;transform:translateY(8px);pointer-events:none}.channel-controls:focus-within{opacity:1}.live-foreground{position:absolute;bottom:-35px;right:195px;width:330px;z-index:4;pointer-events:none;transform-origin:right;animation:branch-breeze 13s infinite ease-in-out;filter:brightness(calc(1 - var(--night-mix,0)*.4))}.live-world .ship{left:41%;top:70%;width:12%;animation-duration:125s}.live-world .ship-wake{left:41%;top:76%;width:12%;animation-duration:125s}.live-world .orca{left:69%;top:78%;width:2.2%;animation-duration:57s}.live-world .splash{left:69%;top:84%;width:3%;animation-duration:57s}.live-world .water-ripples{top:73%;bottom:0;left:23%;right:0;opacity:.75}.live-world .broom{left:30%;top:13%;width:2.4%;animation-delay:-9s}.live-world .dragon{left:25%;top:7%;width:4%;animation-delay:-20s}.live-world .cloud-wisp{top:18%;left:30%;width:35%;height:13%}.live-status{position:fixed;bottom:80px;left:25px;background:#143c4ae8;color:white;padding:8px 14px;border-radius:5px;font-size:12px;z-index:11}.live-status:empty{display:none}button:focus-visible,a:focus-visible{outline:2px solid #f7c887;outline-offset:4px}@keyframes branch-breeze{50%{transform:rotate(1deg) translateY(-4px)}}
@media(max-width:1000px){.channel-rail{width:195px;padding:28px 20px 90px}.broadcast{right:195px}.program{left:21%;right:6%;top:23%}h1{font-size:35px}#copy{font-size:15px}.channel-brand img{width:50px}.channel-controls{left:16px;right:16px}.channel-controls a,.channel-controls button{padding:10px 13px;font-size:11px}.live-foreground{right:170px;width:260px}}
@media(max-width:600px){.channel-brand{top:23px;left:6%;gap:13px}.channel-brand img{width:45px}.channel-brand span{font-size:25px}.broadcast{right:0;bottom:165px}.program{left:7%;right:7%;top:24%;max-width:none}h1{font-size:32px;margin-bottom:16px;max-width:320px}#segment{font-size:12px;margin-bottom:12px}#copy{font-size:14px;line-height:1.6;max-width:330px}#source{font-size:11px}.program-progress{margin-top:7px}.channel-rail{top:auto;bottom:0;left:0;right:0;width:100%;height:152px;padding:16px 6% 26px;display:grid;grid-template-columns:1fr 1.25fr;column-gap:24px;align-content:start;overflow:hidden;background:#123847e8}.destination{grid-column:1;font-size:12px}#clock{grid-column:1;grid-row:2;font-size:30px;margin:0}#today{grid-column:1;grid-row:3;font-size:10px;margin:0}.on-air{grid-column:2;grid-row:1/4}.channel-rail h2{font-size:15px;margin-bottom:10px}.on-air li{display:none;margin-bottom:8px;font-size:12px}.on-air li[aria-current],.on-air li[aria-current]+li{display:block}.park-links,.data-note{display:none}.live-foreground{width:170px;right:0;bottom:115px}.channel-controls{left:12px;right:12px;bottom:164px;align-items:flex-end;gap:8px}.channel-controls>div{gap:6px}.channel-controls a,.channel-controls button{font-size:10px;padding:9px 11px;min-height:40px}#rotation{display:none}.live-world>img{object-position:center}.live-status{bottom:215px;left:12px;right:12px}.live-world .scene-space{left:50%}.program{background:linear-gradient(90deg,#eaf4ef55,transparent);padding:12px 0}.night .program{background:linear-gradient(90deg,#14304c55,transparent)}}
@media(max-height:650px) and (min-width:601px){.channel-rail{padding-top:20px}.park-links{display:none}#today{margin-bottom:20px}.program{top:22%}h1{font-size:32px}#copy{font-size:14px}.channel-brand{top:18px}.channel-brand img{width:45px}}
@media(prefers-reduced-motion:reduce){.program,.channel-controls{transition:none}.live-foreground{animation:none}}
.channel-brand img{filter:invert(1) drop-shadow(0 2px 4px #102b4690)}.channel-brand span{color:#fff9ef;text-shadow:0 2px 8px #102b46}
.live-world .ship{left:56%;top:75%;width:10%}.live-world .ship-wake{left:56%;top:80%;width:10%}

/* Landscapes travel as a single composition; transitions do not reset the visible scene. */
.environment{position:absolute;inset:0;opacity:0;transition:opacity 6s ease;overflow:hidden;pointer-events:none}.environment.active{opacity:1}.landscape{position:absolute;inset:0 -12% 0 0;animation:landscape-travel 105s linear infinite alternate}.landscape>img{position:absolute;width:100%;height:100%;object-fit:cover}.environment:not(.active) .landscape,.environment:not(.active) .actor{animation-play-state:paused}
@keyframes landscape-travel{from{transform:translateX(0)}to{transform:translateX(-10%)}}
.live-world .orca,.live-world .splash{display:none}
.live-world [data-scene=river] .ship,.live-world [data-scene=river] .ship-wake{animation:river-sailing 42s linear infinite alternate}
@keyframes river-sailing{from{transform:translateX(-35%)}to{transform:translateX(140%)}}
.live-world [data-scene=terrace] .ship{left:26%;top:45%;width:17%;animation-duration:65s}.live-world [data-scene=terrace] .ship-wake{left:26%;top:56%;width:17%;animation-duration:65s}
.live-world [data-scene=terrace] .water-ripples{top:64%}.sea-shimmer{position:absolute;inset:65% 0 0;background:repeating-linear-gradient(176deg,transparent 0 20px,#fff8 21px,transparent 23px 49px);opacity:.13;mask-image:linear-gradient(transparent,#000);animation:sea-drift 12s linear infinite alternate;mix-blend-mode:soft-light}@keyframes sea-drift{to{transform:translateX(-35px) scaleY(1.1)}}
.program,.night .program{color:#fffaf2;background:none;text-shadow:0 2px 8px #071824b0;isolation:isolate;padding:22px 0}.program:before{content:'';position:absolute;inset:-65px -60px;z-index:-1;background:radial-gradient(ellipse,#102c40e8 0%,#102c40c9 38%,#102c4070 60%,transparent 74%);pointer-events:none}#segment{opacity:1;color:#ffdfa9}#source{font-size:13px}.program-progress{background:#ffffff50}.program-progress i{opacity:.9}.live-foreground{opacity:.85}
.entry{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#102d4270;backdrop-filter:blur(8px);color:#fffaf2;text-align:center}.entry[hidden]{display:none}.entry h2{font:clamp(38px,6vw,68px)/1.1 Georgia;margin:12px 0 32px}.entry p{font:24px Georgia}.entry span{display:block;font-size:14px;margin-top:20px}.entry button{border:1px solid #fff5cf;background:#fff5df;color:#163846;padding:18px 30px;border-radius:30px;font:16px Arial;cursor:pointer}
@media(max-width:600px){.program,.night .program{top:21%;padding:12px 0}.program:before{inset:-40px -35px}.landscape{right:-24%}.channel-controls{gap:5px}.channel-controls>div{max-width:255px}#scene-next{font-size:10px}.entry span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.landscape,.live-world [data-scene=river] .ship,.live-world [data-scene=river] .ship-wake,.sea-shimmer{animation:none}.environment{transition:none}}
@media(max-width:600px){.channel-controls>div{flex:1;min-width:0}.channel-controls>a{flex:0 0 78px;text-align:center}.program:before{inset:-35px -20px}}
/* A continuous sky shade keeps type readable without a floating patch behind it. */
.broadcast{isolation:isolate}.broadcast:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0b233b94 0%,#0b233bbd 24%,#0b233ba6 46%,#0b233b40 66%,transparent 82%)}.program:before{display:none}

/* Two permanent, subordinate controls on the channel's blue rail. */
.channel-controls,.idle .channel-controls:not(:focus-within):not(:hover){left:auto;right:0;bottom:22px;width:230px;padding:0 27px;display:flex;justify-content:flex-end;gap:17px;opacity:1;transform:none;pointer-events:auto}
.channel-controls a,.channel-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#fffaf2;opacity:.76;transition:opacity .2s,background .2s}
.channel-controls a:hover,.channel-controls button:hover,.channel-controls :focus-visible{opacity:1;background:#ffffff14}.channel-controls svg{width:23px;height:23px}.sound-muted{display:none}#audio[aria-pressed=false] .sound-waves{display:none}#audio[aria-pressed=false] .sound-muted{display:block}
.program{text-shadow:0 2px 5px #000c,0 0 20px #051f3880}#copy,#source,#segment{color:#fffaf2;text-shadow:0 1px 4px #000e,0 0 10px #051f38a0}
@media(max-width:1000px){.channel-controls,.idle .channel-controls:not(:focus-within):not(:hover){width:195px;padding:0 20px}}
@media(max-width:600px){.channel-controls,.idle .channel-controls:not(:focus-within):not(:hover){width:auto;left:auto;right:14px;bottom:7px;padding:0;gap:10px}.channel-controls>a{flex:0 0 44px}.channel-rail{padding-bottom:48px}.on-air li[aria-current]+li{display:none}}

/* Continuous illumination across every environment, independent of scene transitions. */
.landscape>img:not(.live-night){filter:brightness(calc(1 - var(--night-mix,0)*.40)) saturate(calc(1 - var(--night-mix,0)*.22))}
.landscape>.live-night{opacity:calc(var(--night-mix,0)*.45)}
.live-atmosphere{z-index:1;mix-blend-mode:soft-light;background:linear-gradient(180deg,#825083 0%,#e89071 34%,#ffbf75 61%,#d0905944 85%);opacity:var(--sunset-mix,0)}
.live-nightfall{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#071733ef 0%,#112749b8 35%,#193b637d 62%,#092442b8 100%);mix-blend-mode:multiply;opacity:var(--night-mix,0)}
.live-stars{position:fixed;inset:0 230px 55% 0;z-index:1;pointer-events:none;background:radial-gradient(circle at 32% 12%,#fff9deaa 0 1px,transparent 1.6px),radial-gradient(circle at 72% 9%,#fff9deaa 0 1px,transparent 1.6px),radial-gradient(circle at 58% 28%,#fff9de99 0 1px,transparent 1.5px),radial-gradient(circle at 87% 38%,#fff9de88 0 1px,transparent 1.6px);opacity:calc(var(--night-mix,0)*var(--night-mix,0))}
.broadcast{z-index:2}.broadcast:before{background:linear-gradient(180deg,#0b233b70 0%,#0b233b9c 24%,#0b233b8c 46%,#0b233b25 66%,transparent 82%)}
@media(max-width:600px){.live-stars{right:0}}
.live-atmosphere{mix-blend-mode:normal;background:linear-gradient(180deg,#784d7c66 0%,#e98a7255 34%,#ffb26077 61%,#d0905922 85%)}
.live-nightfall{opacity:clamp(0,calc((var(--night-mix,0) - .4)/.6),1)}
.program.changing{opacity:1;transform:none}.program{transition:none}

/* Exclusive environments: their movement stays within their physical setting. */
.live-high-cloud{position:absolute;inset:5% -20% 50% 10%;background:radial-gradient(ellipse at 30% 40%,#fff3,transparent 30%);filter:blur(20px);animation:live-cloud-flow 160s linear infinite alternate;pointer-events:none}
.live-mist{position:absolute;inset:60% -20% 8%;background:radial-gradient(ellipse at 30% 50%,#fff8,transparent 60%),radial-gradient(ellipse at 85% 70%,#fff5,transparent 50%);filter:blur(22px);opacity:.35;animation:live-cloud-flow 100s linear infinite alternate}
[data-scene=clouds] .live-mist{inset:59% -20% 20%;opacity:.6}[data-scene=alpine] .live-mist{inset:68% -20% 13%;opacity:.2}
@keyframes live-cloud-flow{to{transform:translateX(-16%)}}
.live-petals{position:absolute;inset:0;pointer-events:none;overflow:hidden}.live-petals i{position:absolute;left:var(--x);top:10%;width:5px;height:8px;border-radius:80% 0 80% 30%;background:#ffe3ef;animation:petal-drift var(--flight) linear infinite;animation-delay:var(--delay);opacity:0}@keyframes petal-drift{0%{opacity:0;transform:translate(0,0) rotate(0)}10%,65%{opacity:.6}100%{opacity:0;transform:translate(180px,360px) rotate(320deg)}}
.harbor-vessel{position:absolute;left:-12%;top:74%;width:8%;height:5%;animation:harbor-crossing 150s linear infinite}
.live-world [data-scene=harbor] .ship{left:0;top:0;width:100%;animation:none;opacity:.85;filter:brightness(calc(.95 - var(--night-mix,0)*.4)) saturate(.75);transform:none}
.harbor-wake{position:absolute;left:-15%;right:10%;top:68%;height:8%;background:linear-gradient(90deg,transparent,#e9f8ff80);filter:blur(2px)}
@keyframes harbor-crossing{0%{left:-12%;transform:scaleX(1)}48%{left:112%;transform:scaleX(1)}49%{left:112%;transform:scaleX(-1)}50%{left:112%;transform:scaleX(-1)}98%{left:-12%;transform:scaleX(-1)}100%{left:-12%;transform:scaleX(1)}}
.environment:not(.active) .live-high-cloud,.environment:not(.active) .live-mist,.environment:not(.active) .live-petals i,.environment:not(.active) .harbor-vessel{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.live-high-cloud,.live-mist,.live-petals i,.harbor-vessel{animation:none}.live-petals{display:none}.harbor-vessel{left:55%}}
/* Independent foreground life. Upper flight lanes and lower garden lanes avoid copy. */
.live-life{position:absolute;inset:0 230px 0 0;overflow:hidden;pointer-events:none;z-index:4}
.life-route{position:absolute;left:-12%;top:var(--lane);animation:life-cross var(--flight) linear infinite;animation-delay:var(--offset);will-change:transform,left;filter:brightness(calc(1 - var(--night-mix,0)*.5))}
.life-sprite{display:block;background-image:url('live-life-atlas-v1.png');background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:1.5}
.sprite-bird{background-position:0 0;width:clamp(24px,3vw,47px);animation:bird-bank 2.8s ease-in-out infinite;opacity:.88}
.sprite-sail{background-position:100% 0;width:clamp(46px,6vw,92px);animation:sail-rock 5s ease-in-out infinite}
.sprite-butterfly{background-position:0 100%;width:clamp(14px,1.7vw,26px);animation:butterfly-wings .45s ease-in-out infinite alternate}
.sprite-balloon{background-position:100% 100%;width:clamp(48px,6vw,85px);animation:balloon-float 8s ease-in-out infinite}
.route-butterfly{animation-name:butterfly-wander;left:0}.route-sail{opacity:.85;animation-name:sail-cross}.route-balloon{animation-name:balloon-cross;opacity:.9}
.route-sail:after{content:'';position:absolute;left:8%;right:5%;bottom:2%;height:2px;background:linear-gradient(90deg,transparent,#effbff9c,transparent);filter:blur(1px)}
@keyframes life-cross{0%{left:-8%;transform:translateY(0)}50%{transform:translateY(-12px)}100%{left:108%;transform:translateY(6px)}}
@keyframes bird-bank{0%,100%{transform:rotate(-4deg) scaleY(.83)}50%{transform:rotate(5deg) scaleY(1)}}
@keyframes butterfly-wings{from{transform:scaleX(.28) rotate(-10deg)}to{transform:scaleX(1) rotate(12deg)}}
@keyframes butterfly-wander{0%{left:4%;transform:translateY(0)}25%{left:28%;transform:translateY(-20px)}50%{left:50%;transform:translateY(13px)}75%{left:72%;transform:translateY(-15px)}100%{left:104%;transform:translateY(5px)}}
@keyframes sail-cross{0%{left:-12%}100%{left:108%}}
@keyframes sail-rock{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(2px)}}
@keyframes balloon-cross{from{left:-12%;transform:translateY(15px)}to{left:110%;transform:translateY(-15px)}}
@keyframes balloon-float{50%{transform:rotate(2deg) translateY(-6px)}}
@media(max-width:1000px){.live-life{right:195px}}
@media(max-width:600px){.live-life{right:0;bottom:152px}.route-bird{top:calc(var(--lane) + 4%)}.route-butterfly{top:calc(var(--lane) + 11%)}.route-sail{top:86%}.route-balloon{top:12%}}
@media(prefers-reduced-motion:reduce){.life-route,.life-sprite{animation:none!important}.live-life{display:none}}

.sprite-dragon{background-image:url('motion-atlas.png');background-size:202.105% 213.333%;background-position:10.31% 88.235%;width:clamp(55px,6vw,90px);aspect-ratio:760/480;opacity:.7}
.route-dragon{animation-name:dragon-glide}.sprite-lantern{width:9px;height:13px;aspect-ratio:auto;background:linear-gradient(90deg,#e38e35,#ffdf97,#e6a24b);border-radius:3px;box-shadow:0 0 9px #ffd27855;animation:balloon-float 7s ease-in-out infinite}.route-lantern{animation-name:lantern-drift;left:calc(12% + var(--n)*17%)}
@keyframes dragon-glide{0%{left:-12%;transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(0)}100%{left:110%;transform:translateY(6px) rotate(3deg)}}
@keyframes lantern-drift{0%{transform:translate(0,85px);opacity:0}12%,80%{opacity:.9}100%{transform:translate(35px,-110px);opacity:0}}
.harbor-vessel{top:76%;width:7%;height:auto;aspect-ratio:940/280;animation-duration:210s;animation-delay:-42s}
.harbor-wake{top:88%;left:-40%;right:8%;height:6%;opacity:.55;animation:wake-breathe 5s ease-in-out infinite}
.ship-reflection{position:absolute;top:97%;left:0;width:100%;height:80%;background:url('motion-atlas.png') 0 14.785% / 163.404% 365.714%;transform:scaleY(-1);opacity:.16;filter:blur(1px);mask-image:linear-gradient(transparent,#000)}
@keyframes wake-breathe{50%{opacity:.3;transform:scaleX(1.15)}}
@media(prefers-reduced-motion:reduce){.harbor-wake{animation:none}}
.sky-fireworks{position:absolute;pointer-events:none;inset:0 230px auto 0;height:20%;width:calc(100% - 230px);z-index:3}
@media(max-width:1000px){.sky-fireworks{right:195px;width:calc(100% - 195px)}}
@media(max-width:600px){.sky-fireworks{right:0;width:100%;height:16%}}

@keyframes bird-bank{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}

/* Daytime wings give way to fireflies and paper lanterns after sunset. */
.route-butterfly{opacity:clamp(0,calc(1 - var(--night-mix,0)*2),1);transition:opacity 5s linear}
.nocturnal-life{position:absolute;inset:0;opacity:clamp(0,calc((var(--night-mix,0) - .3)/.55),1);transition:opacity 5s linear}
.night-fireflies{position:absolute;inset:0}.firefly-glow{position:absolute;width:3px;height:3px;aspect-ratio:auto;border-radius:50%;background:#e9efa3;box-shadow:0 0 5px #e6ef8dbf,0 0 12px #d5e88b55;animation:night-firefly var(--glow) ease-in-out infinite;animation-delay:var(--delay)}
@keyframes night-firefly{0%,100%{opacity:.05;transform:translate(0,0)}35%{opacity:.85;transform:translate(8px,-13px)}70%{opacity:.25;transform:translate(-6px,-20px)}}
.nocturnal-life .route-lantern{filter:none}
@media(prefers-reduced-motion:reduce){.nocturnal-life,.route-butterfly{transition:none}}

/* Show only the supplied mark, preserving the original artwork unchanged. */
.channel-brand .live-isotype{position:relative;display:block;width:46px;aspect-ratio:1065/1055;overflow:hidden;flex:none}
.channel-brand .live-isotype img{position:absolute;top:0;left:-32.77%;width:169.014%;height:auto;max-width:none;filter:invert(1)}
@media(max-width:600px){.channel-brand .live-isotype{width:36px}}

.live-atmosphere{background:linear-gradient(180deg,rgba(120,77,124,calc(var(--violet-mix,0)*.65)),#e98a7255 34%,#ffb26077 61%,#d0905922 85%)}

/* WordPress channel bridge: preserve the prototype composition with dynamic media. */
.landscape{background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(calc(1 - var(--night-mix,0)*.4)) saturate(calc(1 - var(--night-mix,0)*.22))}
.channel-brand>a{display:block}.channel-brand .live-isotype{position:static;width:58px;height:58px;object-fit:contain;aspect-ratio:1;filter:brightness(0) invert(1) drop-shadow(0 2px 5px #102b4690)}
#clock{font-size:clamp(28px,3vw,40px);white-space:nowrap;letter-spacing:-.035em}
.live-fireworks{position:absolute;inset:0 230px auto 0;width:calc(100% - 230px);height:38%;z-index:3;pointer-events:none}
.harbor-vessel i{position:absolute;inset:0;background:url('motion-atlas.png') no-repeat 0 14.785%/163.404% 365.714%}.harbor-vessel b{position:absolute;left:8%;right:2%;bottom:2%;height:4%;background:linear-gradient(90deg,transparent,#effbff9c,transparent);filter:blur(2px)}
#live-audio{display:none}.channel-controls svg{width:23px;height:23px}.sound-muted{display:none}#audio[aria-pressed=false] .sound-waves{display:none}#audio[aria-pressed=false] .sound-muted{display:block}
@media(max-width:1000px){.live-fireworks{right:195px;width:calc(100% - 195px)}}
@media(max-width:600px){.channel-brand .live-isotype{width:46px;height:46px}.live-fireworks{right:0;width:100%;height:28%}}