/* Space Pixel 0.4.2: deep-space, information, and procedural-world refinement */
body:not(.explorer-page){background-color:#010208;background-image:radial-gradient(ellipse at 82% 8%,rgba(17,50,88,.34),transparent 38rem),radial-gradient(ellipse at 8% 34%,rgba(3,46,63,.2),transparent 44rem),radial-gradient(ellipse at 69% 74%,rgba(46,18,70,.18),transparent 42rem),linear-gradient(#010208,#03030b 48%,#010208)}
body:not(.explorer-page)::before{opacity:.94;filter:drop-shadow(0 0 2px rgba(180,213,255,.42));background-image:radial-gradient(circle at 11% 18%,#fff 0 .7px,transparent 1.2px),radial-gradient(circle at 61% 42%,rgba(175,211,255,.95) 0 1px,transparent 1.7px),radial-gradient(circle at 31% 78%,rgba(255,221,185,.85) 0 1.2px,transparent 1.9px),radial-gradient(circle at 84% 24%,rgba(171,231,255,.82) 0 .8px,transparent 1.4px),radial-gradient(circle at 46% 9%,rgba(255,255,255,.72) 0 .55px,transparent 1.15px),radial-gradient(circle at 73% 86%,rgba(177,155,255,.72) 0 .7px,transparent 1.25px);background-size:113px 149px,193px 211px,271px 239px,337px 293px,157px 187px,409px 367px;background-position:17px 31px,71px 19px,29px 103px,141px 61px,93px 127px,11px 173px}
.hero::after{content:"";position:absolute;z-index:0;width:78%;height:21%;right:-15%;top:10%;border-radius:50%;background:linear-gradient(180deg,transparent,rgba(105,135,196,.08) 38%,rgba(225,218,199,.1) 49%,rgba(92,111,170,.07) 61%,transparent);filter:blur(18px);transform:rotate(-21deg);pointer-events:none}

.black-hole{width:350px;height:162px;left:-7%;top:-1%;opacity:.58;transform:rotate(-15deg);filter:saturate(.82);animation:black-hole-drift-v42 16s ease-in-out infinite}
.black-hole::before{inset:-58px -86px;background:radial-gradient(ellipse at center,rgba(255,243,220,.5) 0 2%,rgba(255,166,82,.27) 8%,rgba(101,73,232,.2) 21%,rgba(29,20,84,.08) 38%,transparent 65%);filter:blur(14px)}
.black-hole::after{content:"";position:absolute;z-index:1;inset:15px 0;border-radius:50%;border-top:2px solid rgba(255,220,162,.56);border-bottom:2px solid rgba(122,86,255,.38);box-shadow:0 -5px 12px rgba(255,145,61,.24),0 8px 18px rgba(87,53,226,.22);filter:blur(.4px)}
.black-hole .black-hole-core{left:108px;top:48px;width:136px;height:68px;background:radial-gradient(ellipse at 48% 44%,#000 0 62%,#020207 70%,rgba(0,0,0,.96) 78%);box-shadow:0 0 25px 10px #000}
.black-hole .black-hole-disc{inset:45px 8px;background:linear-gradient(180deg,rgba(255,245,207,.08),rgba(255,223,150,.86) 38%,#fff7d5 48%,rgba(255,138,60,.82) 55%,rgba(91,54,219,.58) 68%,rgba(20,13,59,.12));box-shadow:0 0 25px rgba(255,151,68,.48),0 0 55px rgba(92,59,229,.32);filter:blur(1.8px)}
.black-hole .black-hole-light{left:14px;right:14px;top:77px;height:5px;background:linear-gradient(90deg,transparent,rgba(165,112,255,.6) 12%,#ffb252 31%,#fff 49%,#ffc56e 68%,rgba(124,82,255,.62) 87%,transparent);filter:blur(1px);box-shadow:0 0 8px #ffb45e}
@keyframes black-hole-drift-v42{50%{transform:rotate(-13deg) translateY(5px) scale(1.025);opacity:.64}}

.system-label{min-width:0;padding:.38rem .62rem;line-height:1.15;letter-spacing:.055em}
.system-label strong{display:block;font-size:.66rem;color:#f2fbff}
.system-label span{display:inline-block;margin-top:.2rem;color:#9ebbd0;font-size:.52rem;letter-spacing:.08em}
.system-label::after{vertical-align:middle;margin-left:.5rem}

.planet-panel{width:min(500px,92vw);padding:1.35rem 1.5rem 1.6rem;background:rgba(7,14,31,.975)}
.panel-status{min-height:30px;padding-right:3.2rem;align-items:center}
.planet-kind{margin:1.05rem 0 .65rem;font-size:.64rem}
.planet-panel h1{max-width:100%;margin:0 0 .8rem;font-size:clamp(2.9rem,4vw,4.25rem);line-height:.94;overflow-wrap:normal;word-break:normal}
.planet-description{margin-bottom:1rem;font-size:.96rem;line-height:1.52}
.information-button{width:100%;padding:.72rem 1rem;border:1px solid rgba(108,236,255,.42);border-radius:999px;background:rgba(20,58,83,.24);color:#dffcff;font-weight:750;cursor:pointer;transition:.18s}
.information-button:hover,.information-button:focus-visible{border-color:#6cecff;background:rgba(32,98,126,.3);outline:none}
.information-panel{margin:.75rem 0 1rem;padding:.9rem 1rem;border:1px solid rgba(108,236,255,.2);border-radius:17px;background:rgba(2,7,17,.58)}
.information-panel[hidden]{display:none}.information-panel>p{margin:0 0 .55rem;color:#6cecff;font:.6rem ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.information-grid>div{display:grid;grid-template-columns:minmax(110px,.8fr) 1.2fr;gap:.8rem;padding:.46rem 0;border-top:1px solid rgba(151,177,238,.12)}
.information-grid span{color:#8798b9;font-size:.74rem}.information-grid strong{text-align:right;font-size:.76rem;line-height:1.35}
.information-source{display:inline-block;margin-top:.7rem;color:#6cecff;font-size:.72rem;text-decoration:none}.information-source:hover{text-decoration:underline}
.signal-preview{margin:1rem 0;padding:.85rem 1rem;border-radius:16px}.planet-facts>div{padding:.66rem 0;font-size:.86rem}.disabled-claim{margin-top:.75rem;padding:.72rem}

@media(max-width:800px){.black-hole{left:-14%;right:auto;top:0;width:250px;height:118px}.black-hole .black-hole-core{left:78px;top:35px;width:96px;height:48px}.black-hole .black-hole-disc{inset:33px 6px}.black-hole .black-hole-light{top:56px}.planet-panel{padding:1.1rem 1.2rem 1.4rem}.planet-panel h1{font-size:2.9rem}}
@media(prefers-reduced-motion:reduce){.black-hole{animation:none!important}}