.ecosystem-portal{display:flex;align-items:center;gap:10px;text-decoration:none;color:#b4ffe1;font:500 11px/1.3 system-ui,sans-serif;letter-spacing:1.6px;padding:8px 14px;border:1px solid #80ffd13d;border-radius:28px;background:linear-gradient(130deg,#102b25d9,#111728dd);box-shadow:inset 0 1px 0 #e3fff512,0 0 24px #31ffb514;transition:transform .3s,box-shadow .3s,border-color .3s}.ecosystem-portal small{display:block;font-size:8px;letter-spacing:.6px;color:#9bbcaf;margin-top:3px}.ecosystem-portal:hover{transform:translateY(-2px);border-color:#94ffdd;box-shadow:0 0 28px #54f5c63a}.ecosystem-portal .portal-ring{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #77ffd4;box-shadow:0 0 12px #4ffff96b,inset 0 0 10px #a386ff8c;color:#dcfff4;animation:stellarBreath 4s ease-in-out infinite}.ecosystem-portal:focus-visible{outline:2px solid #9fffe0;outline-offset:5px}@keyframes stellarBreath{50%{box-shadow:0 0 22px #a386ff8c,inset 0 0 12px #4ffff98c;transform:rotate(100deg)}}
#ecosystemTransit{position:fixed;inset:0;z-index:2147483000;background:radial-gradient(ellipse at center,#173835cc 0,#12112bf5 36%,#01040dfc 76%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility .4s;display:grid;place-items:center;overflow:hidden}#ecosystemTransit.active{opacity:1;visibility:visible;pointer-events:all}#ecosystemTransit canvas{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;pointer-events:none!important}#ecosystemTransit .transit-label{position:relative;z-index:1;text-align:center;color:#dbfff5;text-shadow:0 0 30px #72ffcf;font-family:system-ui,sans-serif;animation:portalLabel 1.8s ease-in-out both}#ecosystemTransit small{display:block;color:#91c6bd;font-size:9px;letter-spacing:4px;margin-bottom:20px}#ecosystemTransit strong{font-weight:300;font-size:clamp(25px,5vw,58px);letter-spacing:clamp(5px,1.5vw,16px)}#ecosystemTransit span{display:block;color:#ab9ce4;font-size:10px;letter-spacing:2px;margin-top:20px}@keyframes portalLabel{0%{opacity:0;transform:scale(.8)}25%,70%{opacity:1}100%{opacity:1;transform:scale(1.04)}}#ecosystemTransit.arrival .transit-label{animation-duration:.95s}@media(max-width:600px){.ecosystem-portal{padding:7px 10px;gap:6px;font-size:9px;letter-spacing:.8px}.ecosystem-portal small{font-size:7px}.ecosystem-portal .portal-ring{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.ecosystem-portal .portal-ring{animation:none}.ecosystem-portal{transition:none}#ecosystemTransit{display:none}}