:root{color-scheme:dark;font-family:Arial,sans-serif;background:#050511;color:#eef5ff}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}#cosmos,.nebula{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.nebula{background:radial-gradient(ellipse at 28% 48%,#703cff24,transparent 45%),radial-gradient(ellipse at 77% 60%,#00ffe91a,transparent 40%);filter:blur(30px)}header,footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:25px 5vw}.wordmark{font-size:26px;letter-spacing:-3px;font-weight:800}.wordmark span{color:#81fff3}.wordmark small{font-size:10px;letter-spacing:4px;margin-left:17px;vertical-align:middle}nav{display:flex;gap:24px;align-items:center}nav a,footer a{font-size:12px;letter-spacing:1px}nav a{border:1px solid #80fff33a;border-radius:30px;padding:12px 20px;backdrop-filter:blur(12px)}nav button{width:36px;height:36px;background:#ffffff08;border:1px solid #ffffff25;border-radius:50%}main{position:relative;z-index:2;min-height:calc(100svh - 153px);display:grid;place-items:center}.coordinates{position:absolute;top:10px;font-size:9px;letter-spacing:3px;color:#8495b2;display:flex;gap:26px}.coordinates span{color:#68fff4}.universe{position:relative;--size:min(76vw,690px,calc(100svh - 220px));width:var(--size);height:var(--size);perspective:900px}.ring{position:absolute;inset:15%;border:1px solid #87bfff24;border-radius:50%;box-shadow:0 0 40px #43f5ef08;pointer-events:none}.ring-one{transform:rotateX(60deg) rotateZ(-25deg);inset:2%;border-color:#83fff65c;animation:ring 32s linear infinite}.ring-two{transform:rotateY(55deg) rotateZ(25deg);inset:8%;border-style:dashed;animation:ring2 45s linear infinite}.ring-three{inset:25%;border:1px dotted #c9a4ff80;animation:spin 70s linear infinite}.core{position:absolute;inset:35%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:radial-gradient(circle at 37% 30%,#dcffff,#58cfff 13%,#5865d9 27%,#1e174e 48%,#070714 70%);box-shadow:inset -12px -10px 22px #000,0 0 25px #82ffff80,0 0 100px #566cff70,0 0 170px #984cff35;animation:breathe 6s ease-in-out infinite}.core:before{content:'';position:absolute;inset:-14%;border-radius:50%;border:1px solid #b6ffff60;transform:rotateX(66deg) rotateZ(-30deg);box-shadow:0 0 12px #68fff2}.core-glyph{font-size:clamp(38px,8vw,80px);text-shadow:0 0 25px #fff;animation:spin 22s linear infinite}.core-label{font-size:10px;letter-spacing:5px;margin-top:5px}.satellite{position:absolute;left:calc(50% - 35px);top:calc(50% - 35px);width:70px;height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #a2fff04a;background:radial-gradient(circle at 30% 20%,#283b63c9,#090c22eb);border-radius:20px;box-shadow:0 0 25px #4cffec15;animation:orbit 90s linear infinite;animation-delay:calc(var(--i)*-10s)}.sigil{font-size:33px;color:#bafef3;text-shadow:0 0 15px #6ffffb}.service-label{position:absolute;top:80px;font-size:10px;letter-spacing:1px;white-space:nowrap;color:#b6c7e2;padding:5px 8px;background:#070a1ac9;border-radius:8px}.satellite:hover,.satellite:focus-visible{background:#244c62;border-color:#96fff6;box-shadow:0 0 35px #70fff74a;z-index:4}.transmission{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px;white-space:nowrap;padding:12px 17px;background:#0a1025d9;border:1px solid #92fff42b;border-radius:40px}.signal{width:5px;height:5px;background:#9dffde;border-radius:50%;box-shadow:0 0 10px #9dffde}.transmission-number{color:#6d829f}.hud{position:absolute;bottom:12px;display:flex;gap:35px;align-items:center;font-size:8px;letter-spacing:2px;color:#7892a7}.wave{color:#8cfff0;font-size:14px;letter-spacing:3px;animation:breathe 3s infinite}footer{font-size:9px;letter-spacing:2px;color:#8c9bb2;border-top:1px solid #ffffff0d}#activity{position:fixed;bottom:82px;left:25px;z-index:10;max-width:340px;display:flex;gap:12px;align-items:center;padding:16px;background:#0c1424ee;border:1px solid #77fff34a;border-radius:16px;box-shadow:0 10px 70px #0009;backdrop-filter:blur(15px);animation:arrive .6s ease-out}#activity[hidden]{display:none}.activity-icon{font-size:26px;color:#8cfff3}#activity small{font-size:8px;letter-spacing:1.3px;color:#8df4e1}#activity p{font-size:12px;line-height:1.5;margin:6px 0 0}#dismiss{background:none;border:0;font-size:20px;color:#8999ab;align-self:flex-start}a:focus-visible,button:focus-visible{outline:2px solid #9cfff3;outline-offset:5px}.paused *{animation-play-state:paused!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{filter:brightness(1.25)}}@keyframes ring{to{transform:rotateX(60deg) rotateZ(335deg)}}@keyframes ring2{to{transform:rotateY(55deg) rotateZ(385deg)}}@keyframes orbit{from{transform:rotate(0deg) translateY(calc(var(--size)*-.40)) rotate(0deg)}to{transform:rotate(360deg) translateY(calc(var(--size)*-.40)) rotate(-360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}@media(max-width:600px){header{padding:22px 20px}.wordmark small{display:none}nav{gap:10px}nav a{font-size:10px;padding:10px 14px}.universe{--size:min(90vw,calc(100svh - 230px));width:var(--size);height:var(--size)}.satellite{width:52px;height:52px;left:calc(50% - 26px);top:calc(50% - 26px)}.sigil{font-size:25px}.service-label{top:57px;font-size:8px}.coordinates{font-size:7px;letter-spacing:1px;gap:15px}.hud{gap:15px;font-size:7px;letter-spacing:1px}footer{padding:20px;font-size:8px;letter-spacing:0}footer a{font-size:10px}#activity{left:15px;right:15px;max-width:none;bottom:70px}.transmission{bottom:24%;font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}.satellite{transform:rotate(calc(var(--i)*40deg)) translateY(calc(var(--size)*-.40)) rotate(calc(var(--i)*-40deg))}}
.satellite.featured{border-color:#a7fff3;box-shadow:0 0 40px #82fff75a;background:radial-gradient(circle at 30% 20%,#425f80,#151a38)}

.service-label{font-size:15px;font-weight:700;letter-spacing:.3px;color:#f4f8ff;background:#11182f;border:1px solid #8faee055;padding:7px 10px;text-shadow:none;box-shadow:0 3px 12px #0008}.transmission{font-size:13px;letter-spacing:.5px}@media(max-width:600px){.service-label{font-size:12px;top:60px;padding:6px 7px}.transmission{font-size:11px}}
.start-hint{position:absolute;top:0;left:16px;right:16px;margin:0 auto;max-width:620px;text-align:center;color:#eefaff;background:#11182fed;border:1px solid #87fff66b;border-radius:18px;padding:12px 20px;box-shadow:0 0 28px #56e5df22;z-index:4;pointer-events:none}.start-hint strong{display:block;font-size:19px;color:#9cfff2;margin-bottom:4px}.start-hint span{font-size:15px;line-height:1.5}.universe{margin-top:70px;margin-bottom:25px;--size:min(76vw,690px,calc(100svh - 295px))}.satellite{cursor:pointer}.satellite:hover .service-label,.satellite:focus-visible .service-label{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.start-hint{padding:10px 12px}.start-hint strong{font-size:17px}.start-hint span{font-size:13px}.universe{--size:min(90vw,calc(100svh - 300px));margin-top:80px}} 
.dashboard-link{background:#89fff01a;border-color:#89fff075;font-weight:700}@media(max-width:600px){header{align-items:flex-start;gap:12px}header nav{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 58px)}header .wordmark{margin-top:9px}header nav a{font-size:11px;padding:10px 12px}}

#motion{width:auto;min-width:140px;padding:9px 13px!important;font-size:13px!important;white-space:nowrap}@media(max-width:600px){#motion{min-width:0;font-size:12px!important}}
