.signal-page{min-height:calc(100vh - 70px);padding:55px 0 80px}.signal-head{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:1px solid var(--line);padding-bottom:28px}.signal-head h1{margin:10px 0 0;font-size:clamp(3rem,8vw,7rem);line-height:.8;letter-spacing:-.07em}.signal-head h1 span{color:transparent;-webkit-text-stroke:1px var(--accent)}.signal-status{font:600 .6rem ui-monospace,monospace;color:#66777b;text-align:right}.signal-status b{color:var(--accent)}.ship-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:12px;margin-top:12px}.space,.console{border:1px solid var(--line);background:#050709;position:relative;overflow:hidden}.space{height:650px;perspective:700px;cursor:crosshair}.space:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(97,246,197,.05),transparent 42%),linear-gradient(rgba(97,246,197,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(97,246,197,.025) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.space-title{position:absolute;top:14px;left:16px;z-index:30;color:#56666a;font:600 .58rem ui-monospace,monospace;letter-spacing:.14em}.viewport{position:absolute;inset:0;overflow:hidden}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#aab5b5;box-shadow:0 0 4px #8f9999;opacity:.7;animation:drift linear infinite}.star.far{width:1px;height:1px;opacity:.35}.star.near{width:3px;height:3px;box-shadow:0 0 8px rgba(180,240,230,.8)}@keyframes drift{from{transform:translateZ(-400px) scale(.25)}to{transform:translateZ(500px) scale(2.5)}}.body{position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);border-radius:50%;transform:translate(-50%,-50%) scale(.15);opacity:0;z-index:12;box-shadow:0 0 30px var(--glow);animation:approach var(--duration) linear forwards;cursor:pointer;border:1px solid rgba(220,240,235,.45)}.body.planet{background:radial-gradient(circle at 35% 30%,#9ca7a7,#344246 55%,#0b1012)}.body.gas{background:repeating-linear-gradient(0deg,#716f66 0 7px,#302f2d 8px 13px,#8d897a 14px 18px)}.body.ice{background:radial-gradient(circle at 35% 25%,#c7e1e5,#52747a 65%,#15262b)}.body.starbody{background:#e4d39a;box-shadow:0 0 60px #e8c978}.body.anomaly{background:radial-gradient(circle,#9fffe2 0 8%,#06100d 45%);border-color:#61f6c5}.body.selected{outline:1px solid #61f6c5;box-shadow:0 0 55px #61f6c5}.body:after{content:attr(data-name);position:absolute;left:calc(100% + 8px);top:0;color:#6e7c80;font:600 .5rem ui-monospace,monospace;white-space:nowrap}@keyframes approach{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}12%{opacity:.2}45%{opacity:.75}80%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ship{position:absolute;left:50%;top:50%;width:105px;height:42px;transform:translate(-50%,-50%);z-index:25;filter:drop-shadow(0 0 12px rgba(97,246,197,.25));pointer-events:none}.ship:before{content:"";position:absolute;left:20px;top:10px;width:64px;height:22px;border:1px solid #9aa7a7;border-radius:50% 50% 42% 42%;background:linear-gradient(#182225,#080b0c)}.ship:after{content:"";position:absolute;left:39px;top:20px;width:28px;height:13px;background:rgba(97,246,197,.22);clip-path:polygon(50% 0,100% 100%,0 100%);filter:blur(2px)}.ship-light{position:absolute;left:49px;top:13px;width:8px;height:5px;border:1px solid #9aa7a7;border-radius:50%;background:#61f6c5;box-shadow:0 0 10px #61f6c5}.speed-lines{position:absolute;inset:0;z-index:3;pointer-events:none}.speed-lines i{position:absolute;left:50%;top:50%;width:1px;height:var(--len);background:linear-gradient(transparent,rgba(160,190,190,.55));transform-origin:0 0;transform:rotate(var(--angle)) translateY(-280px);animation:speed .8s linear infinite}@keyframes speed{from{opacity:0;transform:rotate(var(--angle)) translateY(-50px)}to{opacity:.7;transform:rotate(var(--angle)) translateY(350px)}}.hud{position:absolute;z-index:30;bottom:14px;left:16px;color:#59696d;font:600 .55rem/1.8 ui-monospace,monospace}.hud b{color:#61f6c5}.controls{position:absolute;right:14px;bottom:14px;z-index:40;display:flex;gap:6px}.controls button,.console button{border:1px solid var(--line);background:#080c0e;color:#657579;padding:8px 10px;font:700 .52rem ui-monospace,monospace;cursor:pointer}.controls button:hover,.console button:hover{border-color:#61f6c5;color:#61f6c5}.console{min-height:650px;padding:18px}.console-title{display:flex;justify-content:space-between;color:#657579;font:600 .58rem ui-monospace,monospace;padding-bottom:14px;border-bottom:1px solid var(--line)}.console-title b{color:#61f6c5}.alien-face{height:180px;display:grid;place-items:center;position:relative}.head{width:108px;height:140px;border:1px solid #8b9798;border-radius:48% 48% 45% 45%;background:radial-gradient(ellipse at 50% 40%,rgba(180,190,188,.12),transparent 65%);box-shadow:0 0 28px rgba(97,246,197,.05)}.eye{position:absolute;top:78px;width:31px;height:14px;background:#090d0f;border:1px solid #697779;border-radius:50%;box-shadow:0 0 8px rgba(97,246,197,.08)}.eye.l{margin-left:-58px;transform:rotate(10deg)}.eye.r{margin-left:58px;transform:rotate(-10deg)}.mouth{position:absolute;top:122px;width:18px;height:5px;border-bottom:1px solid #687577;border-radius:50%}.readout{border-top:1px solid var(--line);padding-top:15px}.readout h2{font-size:1.05rem;margin:0 0 8px}.readout p{color:var(--muted);font-size:.75rem;min-height:50px}.meter{height:4px;background:#12191b;margin:13px 0 16px}.meter i{display:block;height:100%;width:63%;background:#61f6c5;box-shadow:0 0 10px #61f6c5;transition:.5s}.console button{width:100%;margin-top:8px}.log{margin-top:12px;border:1px solid var(--line);padding:12px;height:145px;overflow:hidden;color:#59696d;font:600 .55rem/1.8 ui-monospace,monospace}.log span{color:#61f6c5}.back{display:inline-block;margin-top:18px;color:#61f6c5;font:800 .65rem ui-monospace,monospace}@media(max-width:850px){.signal-head{align-items:start;flex-direction:column}.signal-status{text-align:left}.ship-grid{grid-template-columns:1fr}.space{height:540px}.body:after{display:none}}