*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;background-color:#010204;width:100%;height:100%;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important}#ui-overlay{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.mode-switch-container{pointer-events:auto;z-index:20;position:absolute;top:1.75rem;left:50%;transform:translate(-50%)}.mode-switch-wrapper{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090e18c7;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .35rem;display:flex;box-shadow:0 4px 24px #0009,inset 0 1px #ffffff1a}.mode-pill{color:#fff9;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .22s;display:flex}.mode-icon{font-size:.85rem}.mode-pill:hover{color:#fff;background:#ffffff0d}.mobile-recovery-btn{color:#ffffff7a;letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:0 0;border:0;margin-left:.1rem;padding:.3rem .25rem;font-family:inherit;font-size:.58rem;font-weight:500;text-decoration:none;transition:color .2s;display:none}.mobile-recovery-btn:hover,.mobile-recovery-btn:focus-visible{color:#7dd3fce6;outline:none}.mode-pill.active{color:#38bdf8;background:#38bdf829;border-color:#38bdf873;box-shadow:0 0 16px #38bdf847}.mode-divider{background:#ffffff1a;width:1px;height:18px}.planet-selector-dock{pointer-events:auto;z-index:20;max-width:min(1120px,96vw);transition:opacity .3s,transform .3s;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%)}.planet-selector-dock.dock-hidden{opacity:0;pointer-events:none;transform:translate(-50%,16px)}.planet-pills-row{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;background:#080d16d1;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .6rem;display:flex;overflow-x:auto;box-shadow:0 8px 32px #000000a6,inset 0 1px #ffffff14}.planet-pills-row::-webkit-scrollbar{display:none}.planet-pill{color:#ffffffa6;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.42rem .85rem;font-family:inherit;font-size:.72rem;font-weight:500;transition:all .2s}.planet-pill:hover{color:#fff;background:#ffffff14}.planet-pill.active{color:#fff;background:#38bdf838;border-color:#38bdf899;font-weight:600;box-shadow:0 0 14px #38bdf859}.inspect-pill-btn{color:#7dd3fc;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf866;border-radius:999px;align-items:center;gap:.35rem;margin-left:.35rem;padding:.42rem .85rem;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.inspect-pill-btn:hover{color:#fff;background:#38bdf840;border-color:#38bdf8;box-shadow:0 0 14px #38bdf866}.annotation-system-root{pointer-events:none;z-index:15;position:absolute;inset:0}.annotation-svg-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.annotation-leader-line{fill:none;stroke:#7dd3fcbf;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.annotation-leader-line.visible{opacity:1}.annotation-anchor-dot{fill:#38bdf8;opacity:0;transition:opacity .3s}.annotation-anchor-dot.visible{opacity:1}.annotation-anchor-pulse{fill:none;stroke:#38bdf8a6;stroke-width:1px;opacity:0;animation:2.2s ease-out infinite anchorPulseAnim}.annotation-anchor-pulse.visible{opacity:.85}@keyframes anchorPulseAnim{0%{r:3px;opacity:.9}to{r:11px;opacity:0}}.annotation-callout-card{pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(16px);background:#080e18d1;border:1px solid #7dd3fc47;border-radius:12px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;overflow:hidden;transform:translate(0,0);box-shadow:0 8px 30px #000000b3,inset 0 1px #ffffff1a}.annotation-callout-card.visible{opacity:1}.card-edge-glow{background:linear-gradient(#38bdf8,#0284c7);width:3px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 10px #38bdf8cc}.quadrant-top-left .card-edge-glow,.quadrant-bottom-left .card-edge-glow{left:auto;right:0}.card-inner{flex-direction:column;gap:.25rem;padding:.65rem .85rem;display:flex}.callout-header{align-items:center;gap:.4rem;display:flex}.callout-dot-indicator{background:#38bdf8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #38bdf8}.callout-title{letter-spacing:.08em;text-transform:uppercase;color:#f0f9ff;margin:0;font-size:.74rem;font-weight:600}.callout-text{color:#e0f2fec7;margin:0;font-size:.72rem;line-height:1.45}.annotation-reticle-wrap{pointer-events:none;z-index:10;transition:opacity .25s;position:absolute;top:0;left:0}.annotation-reticle-wrap.hidden{opacity:0;display:none}.reticle-pulse-ring{border:1px dashed #38bdf866;border-radius:50%;animation:28s linear infinite reticleSpin;position:absolute;inset:0;box-shadow:0 0 20px #38bdf838}@keyframes reticleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reticle-corner-bracket{opacity:.85;border-style:solid;border-color:#38bdf8;width:10px;height:10px;position:absolute}.reticle-corner-bracket.top-left{border-width:1.5px 0 0 1.5px;top:-4px;left:-4px}.reticle-corner-bracket.top-right{border-width:1.5px 1.5px 0 0;top:-4px;right:-4px}.reticle-corner-bracket.bottom-left{border-width:0 0 1.5px 1.5px;bottom:-4px;left:-4px}.reticle-corner-bracket.bottom-right{border-width:0 1.5px 1.5px 0;bottom:-4px;right:-4px}.reticle-meta-tag{pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.meta-tag-category{letter-spacing:.16em;text-transform:uppercase;color:#38bdf8;text-shadow:0 1px 4px #000000d9;font-size:.6rem;font-weight:600}.meta-tag-name{letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px #000000f2;font-size:.82rem;font-weight:600}.btn-explore-details{color:#7dd3fc;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e18d9;border:1px solid #38bdf873;border-radius:999px;align-items:center;gap:.35rem;margin-top:.25rem;padding:.28rem .65rem;font-family:inherit;font-size:.65rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #0009}.btn-explore-details:hover{color:#fff;background:#38bdf838;border-color:#38bdf8;box-shadow:0 0 14px #38bdf873}.compact-details-modal{-webkit-backdrop-filter:blur(24px);z-index:40;background:#080e1aeb;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;width:min(390px,92vw);max-height:min(580px,72vh);transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1.5rem;right:1.75rem;overflow:hidden;box-shadow:0 16px 48px #000c,inset 0 1px #ffffff1a}.compact-details-modal.hidden{opacity:0;pointer-events:none;transform:translate(20px)}.compact-card-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding:1.1rem 1.25rem .85rem;display:flex}.detail-badge{letter-spacing:.14em;text-transform:uppercase;background:#ffffff0a;border:1px solid #fff3;border-radius:999px;align-self:flex-start;margin-bottom:.2rem;padding:.18rem .5rem;font-size:.62rem;font-weight:600;display:inline-block}.detail-name{letter-spacing:.1em;text-transform:uppercase;color:#fff;pointer-events:auto;margin:0;font-size:1.25rem;font-weight:600}.detail-subtitle{color:#ffffff80;margin:0;font-size:.74rem;font-weight:400}.btn-close-details{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.15rem;transition:all .2s;display:flex}.btn-close-details:hover{color:#fff;background:#ffffff1a;border-color:#ffffff73}.compact-card-body{flex-direction:column;gap:.85rem;padding:1rem 1.25rem 1.25rem;display:flex;overflow-y:auto}.compact-card-body::-webkit-scrollbar{width:3px}.compact-card-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.detail-desc{color:#fffc;margin:0;font-size:.78rem;line-height:1.5}.compact-specs-grid{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.65rem;display:grid}.compact-spec-item{flex-direction:column;gap:.15rem;display:flex}.spec-k{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;font-size:.62rem}.spec-v{color:#fffffff2;font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:500}.compact-section{flex-direction:column;gap:.25rem;display:flex}.compact-section-title{text-transform:uppercase;letter-spacing:.1em;color:#7dd3fc;font-size:.68rem;font-weight:600}.compact-section-text{color:#ffffffbf;margin:0;font-size:.76rem;line-height:1.45}.compact-facts-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.compact-facts-list li{color:#ffffffb8;padding-left:.9rem;font-size:.74rem;line-height:1.4;position:relative}.compact-facts-list li:before{content:"▹";color:#38bdf8;font-size:.75rem;position:absolute;left:0}.controls-hint-bar{pointer-events:none;z-index:15;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.controls-hint-bar p{letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b;text-shadow:0 1px 6px #000000e6;white-space:nowrap;font-size:.72rem;font-weight:400}@media (width<=768px){.compact-details-modal{width:min(360px,92vw);max-height:52vh;top:auto;bottom:5rem;right:50%;transform:translate(50%)}.compact-details-modal.hidden{transform:translate(50%,20px)}.planet-selector-dock{bottom:3.25rem}.mode-switch-container{top:1rem}.controls-hint-bar{bottom:.85rem}}#cinematic-loader{z-index:9999;opacity:1;background:#010204;place-items:center;transition:opacity .36s;display:grid;position:fixed;inset:0}#cinematic-loader.loader-fade-out{opacity:0;pointer-events:none}.simple-loader-content{color:#ffffffc7;text-align:center;flex-direction:column;align-items:center;gap:13px;width:min(280px,78vw);font-family:inherit;display:flex}.simple-loader-spinner{border:2px solid #7dd3fc2e;border-top-color:#7dd3fc;border-radius:50%;width:27px;height:27px;animation:.85s linear infinite simpleLoaderSpin}@keyframes simpleLoaderSpin{to{transform:rotate(360deg)}}.simple-loader-title{letter-spacing:.04em;color:#f0f9ff;font-size:.9rem}.simple-loader-status{color:#ffffff6b;font-size:.66rem}.simple-loader-track{background:#ffffff1a;border-radius:4px;width:100%;height:2px;overflow:hidden}.simple-loader-fill{background:#38bdf8;width:0;height:100%;transition:width .2s}.developer-credit{z-index:18;pointer-events:auto;color:#ffffff57;letter-spacing:.06em;text-shadow:0 1px 5px #000;font-size:.62rem;position:absolute;bottom:.85rem;right:1rem}.developer-credit a{color:inherit;cursor:pointer;text-decoration:none}.developer-credit a:hover,.developer-credit a:focus-visible{color:#7dd3fcd1;text-decoration:underline}@media (width<=768px){.annotation-callout-card{-webkit-backdrop-filter:blur(9px);border-radius:8px}.card-inner{gap:.16rem;padding:.42rem .55rem}.callout-title{letter-spacing:.04em;font-size:clamp(.55rem,2.4vw,.66rem)}.callout-text{font-size:clamp(.52rem,2.2vw,.62rem);line-height:1.28}.callout-dot-indicator{width:4px;height:4px}.annotation-leader-line{stroke-width:1px}.annotation-anchor-dot{r:2.5}.annotation-reticle-wrap{transform-origin:50%}.meta-tag-category{font-size:.5rem}.meta-tag-name{font-size:.68rem}.btn-explore-details{padding:.22rem .48rem;font-size:.55rem}.compact-details-modal{width:min(320px,100vw - 24px);max-height:43vh;bottom:4.7rem}.compact-card-header{padding:.75rem .85rem .6rem}.detail-name{font-size:1rem}.compact-card-body{gap:.6rem;padding:.7rem .85rem .85rem}.detail-desc,.compact-section-text{font-size:.68rem}.spec-k{font-size:.54rem}.spec-v{font-size:.64rem}.compact-facts-list li{font-size:.65rem}.developer-credit{font-size:.52rem;bottom:.35rem;right:.55rem}}@media (width<=420px){.annotation-callout-card{max-width:40vw}.callout-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.planet-selector-dock{max-width:98vw}.planet-pills-row{gap:.12rem;padding:.3rem}.planet-pill{padding:.35rem .55rem;font-size:.62rem}}@media (width<=768px){#btn-mode-free,.mode-switch-container .mode-divider{display:none}.mobile-recovery-btn{justify-content:center;align-items:center;display:inline-flex}.mode-switch-wrapper{max-width:calc(100vw - 1rem)}}html,body,#canvas-container,#canvas-container canvas{overscroll-behavior:none}#canvas-container canvas{touch-action:none;-webkit-tap-highlight-color:transparent}#ui-overlay,#ui-overlay button,#ui-overlay .annotation-callout-card,#ui-overlay .compact-details-modal{-webkit-tap-highlight-color:transparent}#ui-overlay button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-planet-menu-btn{display:none}@media (width<=768px){.planet-selector-dock{left:auto;right:max(.75rem, env(safe-area-inset-right));bottom:calc(4.7rem + env(safe-area-inset-bottom));z-index:35;width:min(230px,100vw - 1.5rem);max-width:none;display:none;transform:none}.planet-selector-dock.mobile-open{display:block}.planet-pills-row{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a12f5;border-color:#7dd3fc3d;border-radius:16px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.55rem;display:grid;overflow:visible;box-shadow:0 12px 36px #000000b8}.planet-pill{letter-spacing:.045em;text-align:center;border-radius:10px;min-height:42px;padding:.55rem .45rem;font-size:.68rem}.inspect-pill-btn{border-radius:10px;grid-column:1/-1;justify-content:center;min-height:40px;margin:.15rem 0 0}.mobile-planet-menu-btn{right:max(.85rem, env(safe-area-inset-right));bottom:calc(3.15rem + env(safe-area-inset-bottom));z-index:36;color:#e0f2fe;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.12em;pointer-events:auto;cursor:pointer;background:#070e19f0;border:1px solid #7dd3fc59;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;min-width:112px;min-height:46px;padding:.55rem .9rem;font-family:inherit;font-size:.68rem;font-weight:600;line-height:1;display:flex;position:absolute;box-shadow:0 8px 26px #0000008c}.mobile-planet-menu-btn.menu-hidden{display:none}.hamburger-lines{flex-direction:column;gap:4px;width:17px;display:flex}.hamburger-lines i{background:#7dd3fc;border-radius:2px;width:17px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-planet-menu-btn.is-open .hamburger-lines i:first-child{transform:translateY(6px)rotate(45deg)}.mobile-planet-menu-btn.is-open .hamburger-lines i:nth-child(2){opacity:0}.mobile-planet-menu-btn.is-open .hamburger-lines i:last-child{transform:translateY(-6px)rotate(-45deg)}.controls-hint-bar{bottom:calc(1.25rem + env(safe-area-inset-bottom));max-width:90vw}.controls-hint-bar p{letter-spacing:.055em;text-align:center;white-space:normal;font-size:.53rem}.developer-credit{left:50%;right:auto;bottom:max(.25rem, env(safe-area-inset-bottom));text-align:center;width:max-content;font-size:.5rem;transform:translate(-50%)}.compact-details-modal{bottom:calc(5.2rem + env(safe-area-inset-bottom))}}@media (width<=420px){.mobile-planet-menu-btn{min-width:106px;min-height:44px;bottom:calc(3.2rem + env(safe-area-inset-bottom))}.planet-selector-dock{bottom:calc(4.8rem + env(safe-area-inset-bottom))}.controls-hint-bar p{max-width:88vw}.mode-switch-container{top:max(.65rem, env(safe-area-inset-top))}.mode-switch-wrapper{gap:.12rem;padding:.22rem}.mode-pill{letter-spacing:.055em;gap:.3rem;padding:.42rem .62rem;font-size:.58rem}.mode-icon{font-size:.72rem}.mobile-recovery-btn{white-space:normal;text-align:left;max-width:42vw;font-size:.5rem;line-height:1.2}}