#project-system[hidden]{display:none}#project-system{position:fixed;inset:108px 46% 90px 0;z-index:5;pointer-events:none;animation:system-arrive .7s ease both}.system-heading{position:absolute;left:8%;top:3%;max-width:75%}.system-heading>span{font:11px/1.7 var(--mono);letter-spacing:.18em;color:#94a3bb}.system-heading h2{font:400 clamp(24px,2.7vw,44px)/1.1 var(--display);margin:8px 0 10px;letter-spacing:-.04em}.system-heading p{font:11px/1.6 var(--mono);color:var(--system-color);margin:0}.solar-stage{position:absolute;left:5%;right:3%;top:22%;bottom:9%;isolation:isolate}.system-orbits{width:100%;height:100%;position:absolute;inset:0;overflow:visible;opacity:.65}.system-orbits ellipse{fill:none;stroke:#b1c7ec20;stroke-width:.7;vector-effect:non-scaling-stroke}.system-core{pointer-events:auto;position:absolute;left:47%;top:47%;width:78px;height:78px;min-height:0;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0%,#fff4d2 6%,var(--system-color) 15%,transparent 67%);filter:drop-shadow(0 0 20px var(--system-color));cursor:pointer}.system-core:before,.system-core:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#ffefca90,transparent);width:145px;height:1px}.system-core:after{transform:translate(-50%,-50%) rotate(90deg)}.info-planet{pointer-events:auto;position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-50%);padding:0;width:126px;min-height:115px;display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;isolation:isolate}.planet-sphere{display:block;position:relative;width:clamp(32px,3.4vw,55px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 25%,#fff5,transparent 40%),repeating-linear-gradient(165deg,#ffffff08 0 3px,#00000010 5px 8px),radial-gradient(circle at 30% 30%,var(--planet-color),#111b30 83%);box-shadow:inset -10px -6px 12px #02050bd9,inset 1px 1px 1px #ffffff70,0 0 20px #0008;transition:transform .25s,box-shadow .25s}.planet-sphere:after{content:'';position:absolute;inset:-7px;border:1px solid transparent;border-radius:50%;transition:border-color .25s}.info-planet:hover .planet-sphere,.info-planet.active .planet-sphere{transform:scale(1.13);box-shadow:inset -10px -6px 12px #02050bb9,inset 1px 1px 1px #ffffff70,0 0 27px color-mix(in srgb,var(--planet-color) 28%,transparent)}.info-planet.active .planet-sphere:after{border-color:var(--planet-color)}.planet-gas .planet-sphere{background:repeating-linear-gradient(170deg,#ac8dbe,#85709f 7px,#b6a3c2 10px,#665678 14px);box-shadow:inset -15px -8px 18px #030713da}.planet-ice .planet-sphere{background:radial-gradient(ellipse at 35% 25%,#c1e1e5,#7498ac 35%,#293c5f 65%,#070e1b 90%)}.planet-rings .planet-sphere:before{content:'';position:absolute;inset:28% -40%;border:4px solid #b9c89a50;border-left-color:#cddbb099;border-bottom-color:#dae1b280;border-radius:50%;transform:rotate(-25deg)}.planet-caption{display:grid;gap:3px;text-align:center;line-height:1.3;white-space:nowrap;background:#06091060;border-radius:5px;padding:4px 6px}.planet-caption small{font:10px var(--mono);color:#8190a4}.planet-caption strong{font:500 15px var(--display);color:#ced5de}.planet-caption em{font:11px var(--sans);font-style:normal;color:#8997a9}.info-planet.active strong{color:var(--planet-color)}.system-instruction{position:absolute;left:8%;bottom:0;font:12px/1.7 var(--mono);color:#8e9db0}.project-open .project-panel{width:46%;background:linear-gradient(100deg,#080d16f5,#0a111cfc);backdrop-filter:blur(20px)}.project-open .panel-content{padding-top:15px}.project-open .panel-content>*:not(#system-detail){display:none!important}.project-open .panel-orbit{display:none}.project-open .navigation-help{display:none}#system-detail{animation:detail-arrive .3s ease both}.detail-kicker{font:11px/1.8 var(--mono)!important;color:#9eacc0!important;letter-spacing:.12em;text-transform:uppercase}.panel-content #system-detail h2{font:400 clamp(30px,3.2vw,50px)/1.1 var(--display);letter-spacing:-.04em;margin:17px 0 26px}.detail-body>p{font-size:16px;line-height:1.85;color:#aeb9ca}.detail-body .detail-lead{font-size:21px;line-height:1.5;color:#dde0e6}.system-facts{display:grid;gap:0;margin:35px 0}.system-facts span{font:12px/1.7 var(--mono);padding:13px 0;border-top:1px solid #ffffff16;color:#abb7c9}.detail-next{padding:14px 0;border-bottom:1px solid #adbbcc70;text-align:left;font:13px/1.7 var(--mono);color:var(--world-color)}.technology-notes article{display:flex;gap:18px;padding:21px 0;border-bottom:1px solid #ffffff13}.technology-notes article>span{font:11px var(--mono);color:#7887a0;padding-top:5px}.technology-notes h3{font:400 22px var(--display);margin:0 0 7px}.technology-notes p{margin:0!important;font-size:15px!important;line-height:1.7!important}.feature-missions article{padding:24px 0;border-bottom:1px solid #ffffff15}.feature-missions span{font:10px var(--mono);letter-spacing:.15em;color:#7f95aa}.feature-missions h3{font:400 22px/1.4 var(--display);margin:11px 0 0}.project-frame{margin:30px 0}.image-expand{display:block;width:100%;padding:0;background:#101824;border:1px solid #ffffff16;border-radius:9px;overflow:hidden;cursor:zoom-in}.image-expand img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.project-frame.portrait .image-expand{width:min(100%,290px);margin:auto;background:#080c13}.project-frame figcaption{font:11px/1.7 var(--mono);color:#8f9db0;margin-top:12px}.empty-orbit{margin:30px 0;padding:30px 0;border-block:1px solid #ffffff18}.empty-orbit>span{font-size:48px;color:#7890a9}.empty-orbit h3{font:400 24px var(--display)}.empty-orbit p{font-size:15px;line-height:1.8;color:#9faec0}.system-repos{margin-top:36px;border-top:1px solid #ffffff18;padding-top:20px}.system-repos>span{font:10px var(--mono);color:#748399;letter-spacing:.15em}.system-repos p{font:12px/1.8 var(--mono);overflow-wrap:anywhere}.target-note{font-size:13px!important;color:#d4b884!important}.domain-note{overflow-wrap:anywhere}#image-dialog{width:min(1100px,95vw);max-width:95vw;background:#080d16;padding:20px}#image-dialog .image-close{display:block;margin-left:auto;font:12px var(--mono);padding:10px}#image-full{display:block;max-width:100%;max-height:76dvh;object-fit:contain;margin:auto}#image-caption{font:12px/1.7 var(--mono);color:#a2afc1}.project-open .coordinate{display:none}@keyframes system-arrive{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes detail-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.solar-stage{top:18%;bottom:14%}.info-planet{width:145px}.planet-caption strong{font-size:17px}.planet-caption em{font-size:12px}}@media(max-width:800px){#project-system{inset:90px 0 auto;height:37dvh;min-height:250px}.system-heading{left:6%;top:0}.system-heading h2{font-size:23px;margin:4px 0}.system-heading>span{font-size:9px}.system-heading p{font-size:9px}.solar-stage{left:8%;right:5%;top:33%;bottom:0}.system-core{width:55px;height:55px}.system-core:before{width:90px}.system-core:after{width:90px}.info-planet{min-height:60px;width:83px;gap:5px}.planet-sphere{width:28px}.planet-caption{gap:2px;padding:2px 3px}.planet-caption small,.planet-caption em{display:none}.planet-caption strong{font-size:12px}.system-instruction{display:none}.project-open .project-panel{width:100%;top:calc(90px + 37dvh + 10px);border-radius:18px 18px 0 0}.project-open .panel-back{padding:12px 24px}.project-open .panel-content{padding:12px 24px 28px}.panel-content #system-detail h2{font-size:30px;margin:12px 0 20px}.detail-body .detail-lead{font-size:19px}.project-open .next-world{padding:20px 24px}.project-open header nav{visibility:hidden}.project-frame.portrait .image-expand{width:240px}.project-open footer{display:none}}@media(max-height:650px) and (max-width:800px){#project-system{min-height:200px;height:36dvh}.project-open .project-panel{top:calc(90px + 36dvh + 10px)}}@media(prefers-reduced-motion:reduce){#project-system,#system-detail{animation:none}}
.story-preview{display:block;padding:0;margin-top:30px;width:100%;border:1px solid #ffffff18;border-radius:8px;overflow:hidden;background:#0c1520;text-align:left}.story-preview img{display:block;width:100%;height:220px;object-fit:cover;object-position:center 25%;opacity:.85;transition:opacity .2s}.story-preview:hover img{opacity:1}.story-preview span{display:block;padding:14px 16px;font:11px/1.6 var(--mono);letter-spacing:.08em;color:#bccada}#project-system[data-status=forming] .system-core{opacity:.7;filter:blur(3px) drop-shadow(0 0 18px var(--system-color))}#project-system[data-status=paused] .system-core{opacity:.4}