.ss-body{margin:0;padding-top:var(--zt-nav-h,48px);background:#060c18;color:#e6eefc;font:16px/1.5 system-ui,sans-serif}.ss-main{max-width:1600px;margin:auto;padding:20px 18px 60px}.ss-head h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0;color:#ffe1a5}.ss-head p{margin:6px 0 18px;color:#a6bad8}.ss-stage{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;height:74vh;min-height:580px;max-height:900px}.ss-world{position:relative;min-width:0;overflow:hidden;border:1px solid #263e59;border-radius:16px;background:radial-gradient(ellipse at 40% 40%,#111a2e,#020611 70%)}.ss-world canvas{display:block;width:100%;height:100%;touch-action:none}.ss-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ss-body .ss-label{position:absolute;top:0;left:0;min-height:28px;border:0;padding:3px 6px;border-radius:5px;background:#081426bb;color:#cfdef2;font:11px system-ui;white-space:nowrap;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%)}.ss-label::before{content:'•';color:#ffce7b;margin-right:4px}.ss-body .ss-label.selected{color:#ffe0a3;border:1px solid #ffcb77;background:#182435}.ss-caption{position:absolute;top:14px;left:14px;right:14px;pointer-events:none;color:#b6c8e3;font-size:.8rem;text-shadow:0 1px 6px black}.ss-caption strong{display:block;color:#ffe0a4;font-size:1.1rem}.ss-caption p{margin:4px 0}.ss-caption>div{display:flex;gap:12px;flex-wrap:wrap}.ss-hint{position:absolute;bottom:10px;left:12px;right:12px;margin:0;color:#9fb2d0;font-size:.75rem;pointer-events:none}.ss-status{position:absolute;top:45%;left:8%;right:8%;padding:16px;background:#101e33e8;border-radius:12px;text-align:center}.ss-status:empty{display:none}.ss-panel{box-sizing:border-box;min-width:0;padding:16px;background:#0f1d30;border:1px solid #2b435f;border-radius:16px;overflow-y:auto}.ss-panel h2{font-size:1.05rem;margin:0 0 10px;color:#f4d69e}.ss-panel label:not(.ss-check){display:block;font-size:.82rem;color:#afc4df;margin:10px 0 4px}.ss-panel select{box-sizing:border-box;width:100%;min-height:44px;padding:8px;background:#071321;color:#edf6ff;border:1px solid #57708e;border-radius:7px;font:inherit;font-size:16px}.ss-main button:not(.zt-fab):not(.ss-label){min-height:44px;border:1px solid #4c6684;border-radius:8px;padding:8px 12px;background:#1b3552;color:#eaf4ff;font:600 .82rem system-ui;cursor:pointer}.ss-body button:disabled{opacity:.5}.ss-body :is(button,select,a):focus-visible{outline:3px solid #ffd896;outline-offset:3px}.ss-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.ss-actions button{flex:1}.ss-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ss-check{display:flex;align-items:center;gap:6px;min-height:34px;font-size:.76rem;color:#b8cce4}.ss-check input{width:18px;height:18px;flex:none;accent-color:#ffd58b}.ss-note{font-size:.76rem;color:#9eb4d1;line-height:1.65}.ss-detail{border-top:1px solid #31445e;margin-top:15px;padding-top:16px}.ss-detail h3{font-size:1.4rem;margin:0;color:#ffe0a5}.ss-detail>p{color:#b6cbe3;font-size:.86rem}.ss-properties{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.ss-properties>div{min-width:0;padding:9px;background:#152a41;border:1px solid #2d4662;border-radius:8px}.ss-properties dt{font-size:.7rem;color:#a3b9d3}.ss-properties dd{margin:4px 0 0;font-size:.85rem;overflow-wrap:anywhere}.ss-moon-links{display:flex;gap:6px;flex-wrap:wrap}.ss-body .ss-moon-links button{font-size:.75rem!important;min-height:36px!important}.ss-main a{color:#98d9ff;text-underline-offset:3px}.ss-main a:visited{color:#c9bced}.ss-sources,.ss-about{max-width:920px;margin:28px auto;color:#aebfd8;line-height:1.8}.ss-about h2,.ss-sources h2{font-size:1.4rem;color:#e3d3ae}.ss-sources a{margin-right:12px;display:inline-block}.ss-panel-close{display:none}.ss-stage [hidden]{display:none!important}
@media(max-width:1000px) and (min-width:769px){.ss-stage{grid-template-columns:minmax(0,1fr) 295px}.ss-panel{padding:12px}}
/* Local overrides keep the shared mobile bottom sheet sized within short viewports. */
@media(max-width:768px){.ss-main{padding:14px 9px 70px}.ss-head p{font-size:.86rem}.ss-stage{display:block;height:calc(100svh - var(--zt-nav-h,48px) - 128px);min-height:390px;max-height:none}.ss-world{height:100%}.ss-panel.zt-mobile-panel{max-height:78vh;max-height:78dvh;padding:0 16px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}.ss-panel-close{display:block!important;float:right;margin:0 0 10px 10px}.ss-panel h2{padding-top:8px}.ss-body .zt-fab{bottom:calc(18px + env(safe-area-inset-bottom))}.ss-caption{font-size:.73rem;left:10px;top:10px}.ss-caption strong{font-size:.95rem}.ss-hint{font-size:.7rem;right:60px}.ss-body.ss-sheet-open{overflow:hidden}.ss-properties{grid-template-columns:1fr 1fr}.ss-about{font-size:.94rem}.ss-check{min-height:40px}}
@media(max-width:768px){.ss-main .ss-moon-links button{min-height:44px!important}}
@media(prefers-reduced-motion:reduce){.ss-panel.zt-mobile-panel{transition:none}}
/* Keep the sheet's exit available after scrolling into a long planet dossier. */
@media(max-width:768px){.ss-panel-close{position:sticky;top:6px;z-index:2}.ss-body .ss-label{min-height:36px;font-size:12px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis}.ss-stage{min-height:280px}}
