.footer-signal{position:absolute;right:clamp(22px,4vw,50px);bottom:clamp(18px,4vw,48px);display:flex;align-items:center;gap:1px;isolation:isolate}.footer-signal:before{content:"";position:absolute;z-index:-1;inset:-9px -17px -8px -12px;border-left:1px solid rgba(0,117,187,.22);border-right:1px solid rgba(0,117,187,.12);background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,117,187,.13) 3px,transparent 4px),linear-gradient(90deg,rgba(0,28,63,.32),rgba(0,117,187,.08) 52%,transparent);clip-path:polygon(0 0,91% 0,91% 18%,100% 18%,100% 74%,87% 74%,87% 100%,6% 100%,6% 83%,0 83%);opacity:.18;animation:footer-static 4.9s steps(1,end) infinite}.footer-signal:after{content:"CH02 // AWAIT";position:absolute;z-index:2;top:50%;left:0;color:#008dd2;font:400 10px/1.2 Adventure,"Arial Narrow",sans-serif;letter-spacing:.22em;white-space:nowrap;pointer-events:none;opacity:0;clip-path:inset(34% -18px 31% -10px);animation:footer-ghost 4.1s steps(1,end) infinite}.footer-signal .code{position:relative;right:auto;bottom:auto;transform:none;animation:footer-code 5.3s steps(1,end) infinite}.signal-key--secondary{position:relative;width:30px;height:30px;margin:0 -8px 0 0}.signal-key--secondary:before{content:"";position:absolute;width:15px;height:15px;border:1px solid rgba(0,141,210,.46);opacity:0;transform:scale(.35);animation:secondary-ring 2.7s steps(1,end) infinite}.signal-key--secondary .lamp{display:block;width:7px;height:7px;background:#00a8ed;box-shadow:0 0 5px #eaf4ff,0 0 18px #008dd2,0 0 28px rgba(0,117,187,.6);animation:secondary-lamp 2.7s steps(1,end) infinite}.signal-key--secondary:hover .lamp,.signal-key--secondary:focus-visible .lamp{background:#eaf4ff;box-shadow:0 0 7px #eaf4ff,0 0 22px #00a8ed,0 0 38px #0075bb}@keyframes secondary-lamp{0%,14%,18%,47%,52%,72%,76%,100%{opacity:1;transform:scale(1)}15%,49%,74%{opacity:.08;transform:scale(.72)}16%,50%,75%{opacity:.62;transform:scale(1.28)}17%,51%{opacity:.24;transform:scale(.9)}}@keyframes secondary-ring{0%,13%,19%,46%,53%,71%,77%,100%{opacity:0;transform:scale(.35)}14%,47%,72%{opacity:.58;transform:scale(.55)}17%,50%,75%{opacity:0;transform:scale(1.2)}}@keyframes footer-static{0%,12%,19%,43%,49%,68%,76%,100%{opacity:.18;transform:translateX(0)}13%{opacity:.48;transform:translateX(-5px)}14%{opacity:.11;transform:translateX(3px)}15%{opacity:.37;transform:translateX(-2px)}16%{opacity:.07;transform:translateX(4px)}17%{opacity:.29;transform:translateX(0)}44%{opacity:.42;transform:translateX(4px)}45%{opacity:.12;transform:translateX(-3px)}46%{opacity:.34;transform:translateX(1px)}69%{opacity:.5;transform:translateX(-6px)}70%{opacity:.09;transform:translateX(5px)}71%{opacity:.31;transform:translateX(-2px)}72%{opacity:.14;transform:translateX(0)}}@keyframes footer-code{0%,12%,18%,43%,48%,68%,75%,100%{transform:translateX(0);text-shadow:none}13%{transform:translateX(-3px);text-shadow:4px 0 #0075bb}14%{transform:translateX(2px);text-shadow:-3px 0 #dceeff}15%{transform:translateX(-1px);text-shadow:2px 0 #001c3f}44%{transform:translateX(3px);text-shadow:-4px 0 #0075bb}45%{transform:translateX(-2px);text-shadow:3px 0 #dceeff}69%{transform:translateX(-4px);text-shadow:5px 0 #0075bb}70%{transform:translateX(3px);text-shadow:-3px 0 #dceeff}71%{transform:translateX(0);text-shadow:none}}@keyframes footer-ghost{0%,12%,18%,43%,48%,68%,75%,100%{opacity:0;transform:translate(0,-50%)}13%{opacity:.72;transform:translate(6px,-62%)}14%{opacity:.22;transform:translate(-5px,-43%)}15%{opacity:.48;transform:translate(3px,-50%)}44%{opacity:.56;transform:translate(-7px,-58%)}45%{opacity:.18;transform:translate(5px,-46%)}69%{opacity:.68;transform:translate(8px,-61%)}70%{opacity:.26;transform:translate(-6px,-42%)}71%{opacity:.41;transform:translate(2px,-50%)}}@media(max-width:720px){.footer-signal{right:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);transform:translateX(50%)}.footer-signal:before{inset:-7px -16px -7px -10px}.footer-signal .code{right:auto;bottom:auto;font-size:9px;letter-spacing:.18em}.footer-signal:after{font-size:9px;letter-spacing:.18em}.signal-key--secondary{width:44px;height:44px;margin:0 -12px 0 0;touch-action:manipulation}.signal-key--secondary:before{width:18px;height:18px}.signal-key--secondary .lamp{width:8px;height:8px}}@media(max-height:520px) and (orientation:landscape){.footer-signal{bottom:0}.footer-signal .code,.footer-signal:after{font-size:9px}}@media(prefers-reduced-motion:reduce){.footer-signal:before,.footer-signal:after,.footer-signal .code,.signal-key--secondary:before,.signal-key--secondary .lamp{animation:none!important}.footer-signal:before{opacity:.28}.signal-key--secondary .lamp{opacity:1}}
