@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#07141c;font-family:Orbitron,sans-serif;overflow:hidden;color:#00f5d4}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(0,255,255,.15) 1px,transparent 1px);background-size:25px 25px;opacity:.2;pointer-events:none}#planet-info{position:fixed;top:40px;right:40px;width:420px;padding:35px;background:#00141ed9;border:1px solid rgba(0,255,255,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(10% 0%,90% 0%,100% 10%,100% 90%,90% 100%,10% 100%,0% 90%,0% 10%);box-shadow:0 0 15px #0ff9,inset 0 0 30px #00ffff1a;opacity:0;transform:translate(80px);transition:all .5s ease}#planet-info.visible{opacity:1;transform:translate(0)}#planet-info h2{font-size:22px;letter-spacing:2px;margin-bottom:20px;border-bottom:1px solid rgba(0,255,255,.4);padding-bottom:12px}#planet-info p{font-size:13px;line-height:1.6;margin-bottom:12px;color:#0ffc}.label{color:#0ff;font-weight:600}.radar{position:absolute;bottom:-120px;left:-120px;width:260px;height:260px;border-radius:50%;border:2px solid rgba(0,255,255,.5);box-shadow:0 0 20px #00ffff80}.radar:before{content:"";position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(0,255,255,.4)}.radar:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:120px;background:linear-gradient(to top,transparent,#00ffff);transform-origin:bottom center;animation:sweep 4s linear infinite}@keyframes sweep{0%{transform:rotate(0) translate(-50%)}to{transform:rotate(360deg) translate(-50%)}}.tech-line{position:absolute;top:50%;left:-200px;width:200px;height:1px;background:linear-gradient(to right,transparent,#00ffff)}@media(min-width:1600px){#planet-info{width:480px;padding:45px}#planet-info h2{font-size:26px}#planet-info p{font-size:15px}}@media(max-width:1024px){#planet-info{width:340px;padding:25px;top:20px;right:20px}.radar{width:200px;height:200px;bottom:-90px;left:-90px}}@media(max-width:768px){body{overflow:auto}#planet-info{width:90%;max-width:380px;inset:auto auto 30px 50%;transform:translate(-50%,40px);padding:20px}#planet-info.visible{transform:translate(-50%)}#planet-info h2{font-size:18px}#planet-info p{font-size:12px}.radar,.tech-line{display:none}}@media(max-width:480px){#planet-info{padding:16px;bottom:15px}#planet-info h2{font-size:16px;margin-bottom:12px}#planet-info p{font-size:11px}}