/* STARKING / Observatory — silver starlight, ink, restrained brass. */
:root{--ink:#04080d;--paper:#e9edf0;--brass:#d7be8b;--faint:#8298a9;--panel:rgba(8,16,25,.86);--line:rgba(160,190,208,.18)}
body,button,input,textarea,select{font-family:'Avenir Next','PingFang SC','Microsoft YaHei',sans-serif}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible{outline:1px solid var(--brass)}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--brass)}[hidden]{display:none!important}
.app{background:#020508}.topbar{padding:25px 36px}.brand{letter-spacing:.13em;font-weight:500;font-size:15px}.brand small{font-size:8px;color:#90a2b0;letter-spacing:.3em;margin-top:6px}.brand-mark{border-color:#b4c6d64d;box-shadow:none;width:36px;height:36px}.brand-mark:before{background:#dce6eb;width:9px;height:9px;box-shadow:0 0 16px #d9e7ef80}.brand-mark:after{border-color:#b2c8d28a;transform:rotate(-38deg)}.search,.icon-btn,.pill-btn{border-radius:7px;background:#08111bd1;border-color:#91adc222}.pill-btn .spark{color:var(--brass)}.key{border-color:#91adc228}.atlas-modes{top:102px;border-radius:30px;background:#07111acc;border-color:#aac5d622;gap:3px;padding:5px}.mode-btn{padding:9px 16px;border-radius:30px;letter-spacing:.06em}.mode-btn.active{background:#cadce915;color:#ecf3f6;box-shadow:inset 0 0 0 1px #c1d3de2b}.orientation{top:114px;left:36px;letter-spacing:.08em;color:#8b9eac}.compass{top:110px}.center-hint{top:183px;background:transparent;backdrop-filter:none;letter-spacing:.2em;font-size:11px;color:#b6c5cf}.center-hint span{color:#6b8295}.object-directory{bottom:80px;border-radius:8px;background:#050d17b8;gap:2px;padding:5px;border-color:#9dbaca22}.object-chip{border:0;background:transparent;border-radius:5px;color:#aebdca;padding:10px 15px}.object-chip:hover{background:#b5cfdd12;color:#f1e3c2}.detail{right:28px;width:336px;padding:22px;border-radius:12px;background:linear-gradient(150deg,#101e2aec,#050b13f2);border-color:#a9c6d52c;box-shadow:0 30px 100px #0009}.planet-title{font-weight:400;letter-spacing:.08em}.eyebrow{color:var(--brass);letter-spacing:.22em}.stat{border-radius:5px;background:#b4cddd04;border-color:#94b1c41a}.stat label{color:#8096a7}.detail-foot{letter-spacing:.05em}.planet-preview{cursor:zoom-in}.photo-note{line-height:1.65}.back-view{border-radius:5px;border-color:#8fa7b22c;background:#aecada08}.bottom-note{color:#6b8293;letter-spacing:.07em}.zoom-readout{color:#7d95a6}.zoom-readout strong{color:#d7e3ea}.planet-count{color:#9dadaf}.toast{border-color:#d7be8b44;background:#0e1a25f5;color:#eee6d6;max-width:calc(100vw - 28px);text-align:center;z-index:80}.catalog-panel{border-radius:10px;border-color:#a2bdcf30;background:#06101bf5}.catalog-panel input{background:#b9d0dc08}.result,.catalog-item{letter-spacing:.03em}
.explore-rail{position:absolute;z-index:4;left:34px;top:50%;transform:translateY(-42%);display:flex;flex-direction:column;gap:9px}.rail-btn{display:flex;align-items:center;gap:10px;background:#07121abe;border:1px solid #91acc023;color:#acbfcc;padding:11px 13px;border-radius:7px;text-align:left;font-size:10px;letter-spacing:.1em;backdrop-filter:blur(18px)}.rail-btn span{font-size:17px;width:21px;text-align:center;color:var(--brass)}.rail-btn:hover{background:#183044b8;color:#edf5f9;border-color:#b1c9d255}.voyage-card{position:absolute;z-index:2;left:36px;bottom:152px;pointer-events:none}.voyage-card small{font:8px monospace;letter-spacing:.22em;color:#6f899c}.voyage-card strong{display:block;font-weight:300;font-size:24px;letter-spacing:.12em;color:#c8d7df;margin:8px 0}.voyage-card p{color:#738c9b;font-size:10px;letter-spacing:.1em;margin:0}.planet-actions{display:grid;grid-template-columns:1fr 40px;gap:8px;margin-top:14px}.primary-action,.soft-action{border:1px solid #b8cdd530;background:#bdd2dd08;color:#cbdbe4;border-radius:6px;padding:11px 14px;font-size:11px;letter-spacing:.06em}.primary-action{background:#d3bd8c;color:#15191b;border-color:#d3bd8c}.primary-action:hover{background:#e6d3a9}.soft-action:hover{background:#c1d6e418}.soft-action.active{color:#ecd096;border-color:#d7be8b66}.name-row{display:flex;gap:7px;margin-top:9px}.name-row button{flex:1}.official-name{font:9px monospace;color:#8497a4;margin:8px 0}
.atlas-dialog{color:var(--paper);background:#070d15;border:1px solid #90aec339;border-radius:18px;padding:0;box-shadow:0 40px 150px #000d;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.atlas-dialog::backdrop{background:#000a;backdrop-filter:blur(12px)}.atlas-dialog.small{width:470px;padding:28px}.atlas-dialog.wide{width:780px;padding:28px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.dialog-head h2{margin:5px 0 0;font-weight:400;font-size:25px;letter-spacing:.12em}.kicker{font:9px monospace;letter-spacing:.25em;color:var(--brass)}.xclose{width:32px;height:32px;border:1px solid #afc2d024;border-radius:50%;color:#c4d1d9;background:transparent;font-size:21px;flex-shrink:0}.xclose:hover{background:#ccdce515}.muted{font-size:12px;color:#8fa3b2;line-height:1.8}.dialog-form{display:flex;flex-direction:column;gap:13px}.dialog-form label{font-size:11px;letter-spacing:.06em;color:#bccbd3}.dialog-form input,.dialog-form textarea{width:100%;margin-top:8px;padding:12px 13px;background:#9ebacc08;border:1px solid #aec5d32b;border-radius:7px;color:#e2eaf0;font-size:13px;resize:vertical}.dialog-form textarea{min-height:130px}.form-status{font-size:11px;line-height:1.7;min-height:18px;color:#d5c19a}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-actions>*{flex:1;text-align:center}.signin-link{display:block;text-align:center;text-decoration:none;margin-top:10px;padding:12px;border:1px solid #adbdcc36;border-radius:6px;font-size:12px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.passport-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.passport-stat{border:1px solid #aec4d223;border-radius:8px;padding:20px 16px;background:#b7cddd04}.passport-stat b{font:300 31px 'Avenir Next',sans-serif;display:block;margin-bottom:7px;color:#e3d1ab}.passport-stat span{font-size:10px;color:#8ca0af}.mission-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mission{padding:14px;border:1px solid #aac4d41a;border-radius:7px;color:#96aebe;font-size:11px}.mission.complete{color:#e2d2ae;border-color:#d4bc8240;background:#d2b77809}.mission b{display:block;font-weight:400;color:#e0e9ef;margin:7px 0}.mission small{font:9px monospace}.saved-list{max-height:250px;overflow:auto;margin-top:17px}.saved-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #a6bfc51b;font-size:12px}.saved-row span{display:flex;flex-direction:column;gap:5px}.saved-row small{color:#7f98ab;font-size:9px}.saved-row button{padding:7px 12px}.inbox-item{border:1px solid #a5bfd125;border-radius:8px;padding:17px;margin:12px 0}.inbox-item.unread{border-left:2px solid var(--brass)}.inbox-item header{display:flex;gap:12px;justify-content:space-between;font-size:12px}.inbox-item time{font:10px monospace;color:#8097a7}.inbox-item p{font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.inbox-item small{color:#8ea5b3;font-size:10px}.inbox-item button{float:right;padding:6px 10px}.inbox-list{max-height:55dvh;overflow:auto}.author-note{border-left:1px solid var(--brass);padding:0 0 0 16px;font-size:14px;line-height:2;color:#c4d3dc;margin:20px 0}.credits-links{font-size:11px;line-height:2;color:#8ca2b2}.credits-links a{color:#adbdc7}.count-note{font:10px monospace;color:#738f9f}
.observatory{width:min(1350px,calc(100vw - 32px));height:min(860px,calc(100dvh - 36px));overflow:hidden;background:radial-gradient(ellipse at 40% 55%,#102034,#03080e 62%)}.obs-header{position:absolute;z-index:3;top:28px;left:32px;right:28px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.obs-header>*{pointer-events:auto}.obs-header h2{font-size:32px;font-weight:300;letter-spacing:.15em;margin:10px 0 8px}.obs-header p{font-size:10px;letter-spacing:.1em;color:#829cae;margin:0}.obs-view{position:absolute;inset:0 300px 0 0;touch-action:none;cursor:grab;outline:none}.obs-view:active{cursor:grabbing}.obs-view canvas{width:100%;height:100%}.obs-sidebar{position:absolute;right:28px;top:134px;width:236px;bottom:100px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.obs-sidebar h3{font:9px monospace;letter-spacing:.25em;color:#91a8b6;font-weight:400;border-top:1px solid #a2bec323;padding-top:20px;margin:20px 0 15px}.obs-sidebar label{display:block;font-size:11px;line-height:1.8;color:#a5bac8;margin-top:15px}.obs-sidebar input[type=range]{width:100%;accent-color:#d6c090;margin-top:8px}.obs-sidebar p{font-size:11px;color:#91a9b8;line-height:1.9}.obs-sidebar .soft-action{width:100%;margin-top:8px}.obs-help{position:absolute;z-index:2;left:32px;bottom:31px;color:#7792a6;font:9px monospace;letter-spacing:.12em;pointer-events:none}.obs-toolbar{position:absolute;bottom:27px;right:28px;display:flex;gap:8px}.obs-toolbar button{padding:10px 14px}.obs-coordinate{margin-top:16px;padding:14px;border:1px solid #adc4cd22;border-radius:6px;background:#b5d5e405;font:10px monospace;line-height:1.8;color:#c7b68d;min-height:65px}.obs-loading{position:absolute;top:49%;left:35%;transform:translate(-50%,-50%);color:#afc4d0;font:11px monospace;letter-spacing:.14em;pointer-events:none}.obs-ring{position:absolute;left:calc(50% - 150px);top:50%;width:min(45vw,550px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #a7bfce10;border-radius:50%;pointer-events:none}.obs-ring:after{content:'';position:absolute;inset:-24px;border:1px dashed #97b4c211;border-radius:50%}.material-note{font-size:9px!important;color:#607f93!important}.obs-error{color:#e1bb98;max-width:400px;text-align:center;line-height:1.8}.obs-sidebar .obs-official{font:10px monospace;overflow-wrap:anywhere;color:#d6c297}.reduced-motion{color:#8da4b4;font-size:10px}
@media(min-width:1500px){.topbar{padding:30px 46px}.explore-rail{left:46px}.voyage-card{left:46px}.orientation{left:46px}}
@media(max-width:1050px){.rail-btn{padding:10px}.rail-btn em{display:none}.explore-rail{left:18px}.voyage-card{left:20px;bottom:154px}.voyage-card strong{font-size:19px}.orientation{max-width:22%}.obs-view{right:250px}.obs-sidebar{width:206px;right:22px}.obs-ring{left:calc(50% - 125px)}.obs-header h2{font-size:25px}.topbar{padding:22px}.search{width:190px}}
@media(max-width:700px){.topbar{padding:15px}.brand{font-size:12px;gap:9px}.brand small{font-size:7px;letter-spacing:.18em}.brand-mark{width:29px;height:29px}.search{width:32vw}.top-actions{gap:5px}.atlas-modes{top:77px;padding:4px}.mode-btn{padding:8px 9px;font-size:10px}.orientation{top:132px;left:16px;max-width:76%;font-size:8px}.compass{top:132px}.center-hint{top:167px;font-size:10px}.explore-rail{left:13px;top:auto;bottom:150px;transform:none;gap:7px}.rail-btn{padding:8px}.rail-btn span{font-size:16px}.voyage-card{display:none}.detail{right:10px;left:10px;width:auto;bottom:10px;max-height:62dvh;padding:18px;top:auto}.detail.open{transform:none}.planet-preview{height:120px}.object-directory{bottom:91px;max-width:calc(100% - 24px)}.bottom-note{font-size:7px;bottom:73px;max-width:90vw;white-space:normal;text-align:center}.obs-view{inset:65px 0 215px}.observatory{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:none;max-height:none;border-radius:12px}.obs-header{top:20px;left:20px;right:17px}.obs-header h2{font-size:23px;margin-top:7px}.obs-header p{font-size:8px}.obs-sidebar{top:auto;left:20px;right:20px;bottom:68px;width:auto;height:135px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;border-top:1px solid #a4b8c124}.obs-sidebar h3,.obs-sidebar>p,.obs-sidebar .obs-official,.obs-sidebar .obs-coordinate,.obs-sidebar .soft-action{display:none}.obs-sidebar label{font-size:10px;margin:10px 0 0}.obs-toolbar{bottom:18px;right:17px}.obs-toolbar button{padding:9px 11px;font-size:10px}.obs-help{bottom:28px;left:20px;font-size:8px;max-width:120px;line-height:1.8}.obs-ring{left:50%;top:40%;width:72vw}.obs-loading{left:50%;top:39%;max-width:75vw}.atlas-dialog.small,.atlas-dialog.wide{padding:22px;max-width:calc(100vw - 20px)}.dialog-head h2{font-size:22px}.passport-stat{padding:16px 10px}.passport-stat b{font-size:26px}.mission-list{grid-template-columns:1fr 1fr;gap:7px}.mission{padding:11px;font-size:10px}.inbox-item header{display:block}.inbox-item time{display:block;margin-top:7px}.catalog-panel{top:130px}.search-results{right:14px}.toast{top:119px}.saved-list{max-height:26dvh}}
@media(prefers-reduced-motion:reduce){.obs-loading{animation:none}}

.rail-btn em{font-style:normal}.obs-coordinate{white-space:pre-line}.atlas-dialog .form-status{overflow-wrap:anywhere}
.direct-rotate-hint{position:absolute;z-index:3;bottom:137px;left:50%;transform:translateX(-50%);color:#c9c1ac;font-size:10px;letter-spacing:.12em;border:1px solid #bdcbd322;border-radius:30px;padding:9px 17px;background:#050d17bb;pointer-events:none;opacity:0;transition:opacity .3s}.direct-rotate-hint.visible{opacity:1}@media(max-width:700px){.direct-rotate-hint{bottom:143px;font-size:9px;white-space:nowrap}.detail.open~.direct-rotate-hint{opacity:0}}