/* A shared, slow heartbeat. Text and photographs remain still. */
.energy-positioned{position:relative}
.energy-surface{--energy-color:var(--connection-accent,var(--link-accent,var(--action-color,var(--menu-accent,var(--accent,var(--mint))))))}
.name-frame,.ignite,.agent-button{--energy-color:var(--lime)}
.screen-play,.photo-frame,.reel-step{--energy-color:var(--purple)}
.energy-surface>.energy-halo{position:absolute!important;display:block!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:1px solid var(--energy-color)!important;border-radius:inherit;pointer-events:none!important;background:transparent!important;color:var(--energy-color);box-shadow:0 0 2px #eaffff,0 0 12px color-mix(in srgb,var(--energy-color),transparent 20%),0 0 34px color-mix(in srgb,var(--energy-color),transparent 58%),inset 0 0 18px color-mix(in srgb,var(--energy-color),transparent 72%);opacity:.45;z-index:1;transform:none!important;translate:none!important;animation:energy-breathe 3.8s ease-in-out infinite;animation-delay:var(--energy-phase,0s);animation-play-state:paused}
.energy-visible>.energy-halo,.menu-in-view>.energy-halo{animation-play-state:running}
.name-frame>.energy-halo{box-shadow:0 0 3px #f8ffd4,0 0 15px #d9ff4380,0 0 48px #d9ff4355,inset 0 0 42px #d9ff4326}
.content-cartridge>.energy-halo,.resource-row>.energy-halo,.show-listing>.energy-halo,.social-link>.energy-halo,.dgtv-channel>.energy-halo{border-width:0 0 1px!important;border-radius:0;box-shadow:0 10px 18px -13px var(--energy-color),inset 0 -13px 22px -22px var(--energy-color)}
.menu-emblem>.energy-halo,.screen-play>.energy-halo{border-radius:50%}
.energy-visible .terminal{animation:terminal-current 5.4s ease-in-out infinite;animation-delay:var(--energy-phase,0s)}
.energy-visible .switch-light{animation:terminal-current 5.4s ease-in-out infinite;animation-delay:var(--energy-phase,0s)}

/* Current rides the existing circuit, so no extra rails or controls are needed. */
.cable-current{fill:none;stroke:var(--mint);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 19;opacity:.85;pointer-events:none;animation:current-travel 9s linear infinite,current-breathe 3.8s ease-in-out infinite}
[data-route=work] .cable-current,[data-route=photos] .cable-current{stroke:var(--purple)}
[data-route=name] .cable-current,[data-route=shows] .cable-current{stroke:var(--lime)}
[data-route=human] .cable-current{animation-delay:-1.2s,-.65s}
[data-route=work] .cable-current{animation-delay:-2.4s,-1.3s}
[data-route=shows] .cable-current{animation-delay:-3.6s,-1.95s}
[data-route=photos] .cable-current{animation-delay:-4.8s,-2.6s}
[data-route=library] .cable-current{animation-delay:-6s,-3.25s}
[data-route=contact] .cable-current{animation-delay:-7.2s,-3.9s}
[data-route=return] .cable-current{animation-delay:-8.4s,-4.55s}
.site-machine.running .cable-current{animation-play-state:paused;opacity:.3!important}
.content-drawer .menu-rail:before{animation:rail-breathe 5.4s ease-in-out infinite}
.content-drawer:not([open]):not(.menu-standalone) .energy-halo{animation-play-state:paused}
.content-drawer.menu-paused .energy-halo{animation:none!important;opacity:.1}
.less-motion .energy-halo,.less-motion .cable-current{display:none!important}
.page-idle .energy-halo,.page-idle .cable-current,body:has(dialog[open]) .site-machine .energy-halo{animation-play-state:paused!important}
@keyframes energy-breathe{0%,100%{opacity:.45}48%{opacity:1}68%{opacity:.75}}
@keyframes terminal-current{0%,100%{background:#17231b;box-shadow:0 0 0 3px #23322a}48%{background:var(--accent,var(--mint));box-shadow:0 0 0 3px #23322a,0 0 16px var(--accent,var(--mint))}}
@keyframes current-travel{to{stroke-dashoffset:-100}}
@keyframes current-breathe{0%,100%{opacity:.25}48%{opacity:.95}}
@keyframes rail-breathe{0%,100%{opacity:.25}48%{opacity:.8;box-shadow:0 0 12px var(--menu-accent)}}

/* Electric edges, bright cores and thin arcs rather than a wash over the photos. */
.name-frame{background:#0a100d66}
.site-machine .circuit [data-route]{opacity:.82!important}
.site-machine.running .circuit [data-route],.overcharged .site-machine .circuit [data-route]{opacity:1!important}
.cable-line{stroke-width:2;filter:drop-shadow(0 0 4px var(--mint))}
[data-route=name] .cable-line,[data-route=shows] .cable-line{stroke:var(--lime);filter:drop-shadow(0 0 5px var(--lime))}
[data-route=work] .cable-line,[data-route=photos] .cable-line{filter:drop-shadow(0 0 5px var(--purple))}
.cable-line.energized{stroke-width:2.5;filter:drop-shadow(0 0 3px #eaffff) drop-shadow(0 0 8px var(--mint))}
.energy-halo:before,.energy-halo:after{content:'';position:absolute;width:72px;height:15px;background:currentColor;filter:drop-shadow(0 0 3px currentColor);clip-path:polygon(0 50%,20% 43%,27% 6%,42% 57%,53% 26%,63% 59%,74% 37%,82% 48%,100% 45%,100% 58%,79% 61%,74% 50%,63% 77%,53% 43%,41% 76%,29% 31%,25% 58%,0 63%);pointer-events:none}
.energy-halo:before{left:10%;bottom:-8px;rotate:180deg}
.energy-halo:after{right:9%;top:-8px}
:is(.content-cartridge,.resource-row,.social-link,.dgtv-channel,.drawer-monogram,.screen-play,.reel-step)>.energy-halo:before,:is(.content-cartridge,.resource-row,.social-link,.dgtv-channel,.drawer-monogram,.screen-play,.reel-step)>.energy-halo:after{display:none}
.name-frame>.energy-halo:before,.name-frame>.energy-halo:after{width:110px;height:19px}
.letter{transition:color .15s,text-shadow .25s}
.letter.letter-charged{color:var(--letter-charge);text-shadow:0 0 3px #ffffffa3,0 0 15px var(--letter-charge),0 0 38px color-mix(in srgb,var(--letter-charge),transparent 25%),0 0 70px color-mix(in srgb,var(--letter-charge),transparent 60%)}
.letter.letter-charged:before,.letter.letter-charged:after{border-color:#eaffff;background:var(--letter-charge);box-shadow:0 0 6px #fff,0 0 15px var(--letter-charge)}
.station-switch,.photo-heading h2,.library-head h2,.contact-top h2{ text-shadow:0 0 18px color-mix(in srgb,var(--accent,var(--mint)),transparent 58%)}
.quick-connections a{text-shadow:0 0 17px #58ffd360}
.content-drawer .drawer-title,.content-drawer #drawer-title{filter:drop-shadow(0 0 13px color-mix(in srgb,var(--menu-accent),transparent 58%))}
.content-drawer .menu-glyph{filter:drop-shadow(0 0 8px var(--menu-accent))}
.overcharged .energy-surface>.energy-halo{box-shadow:0 0 3px #f2fffc,0 0 16px var(--energy-color),0 0 42px color-mix(in srgb,var(--energy-color),transparent 40%),inset 0 0 24px color-mix(in srgb,var(--energy-color),transparent 65%)}
.overcharged :is(.content-cartridge,.resource-row,.social-link,.dgtv-channel)>.energy-halo{box-shadow:0 9px 22px -10px var(--energy-color),inset 0 -15px 22px -20px var(--energy-color)}
.overcharged .letter:not(.letter-charged){text-shadow:0 0 27px #d9ff4366}
.overcharged .station.is-open .terminal{background:#edfffa;box-shadow:0 0 5px #fff,0 0 20px var(--accent,var(--mint))}
.overcharged .masthead{position:sticky;top:0;z-index:9;background:#090c0cf2;box-shadow:0 9px 24px #090c0c80}
#skip-song[hidden]{display:none}
#skip-song{color:var(--mint);min-width:44px;justify-content:center}
#skip-song svg{width:20px;height:20px}
#skip-song:hover{color:#edfffa;filter:drop-shadow(0 0 6px var(--mint))}
@media(max-width:600px){.utilities{gap:8px}#skip-song .skip-label{display:none}#skip-song{padding:0}#reset{padding-left:10px}}
@media(max-width:360px){.overcharged .brand>span:last-child{display:none}}
.less-motion .letter{transition:none}
@media(prefers-reduced-motion:reduce){.energy-surface>.energy-halo,.cable-current{display:none!important}}
