:root{--void: #06030c;--deep: #0b0618;--ink: #f2ead8;--dim: #9b8fb5;--aurum: #f0bd6a;--aurum-hi: #ffe2a8;--rift: #74f1de;--ion: #8b7bff;--line: rgba(240, 189, 106, .25);--line-soft: rgba(240, 189, 106, .12);--display: "Marcellus", "Iowan Old Style", Georgia, serif;--body: "Newsreader", Georgia, serif;--mono: "Azeret Mono", "SFMono-Regular", Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--void);color:var(--ink);font-family:var(--body)}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair}#scene.grabbing{cursor:grabbing}.frame{position:fixed;inset:14px;pointer-events:none;z-index:5}.frame .tick{position:absolute;width:26px;height:26px;opacity:.55}.frame .tick:before,.frame .tick:after{content:"";position:absolute;background:var(--aurum)}.frame .tick:before{width:100%;height:1px}.frame .tick:after{width:1px;height:100%}.tick.tl{top:0;left:0}.tick.tr{top:0;right:0;transform:scaleX(-1)}.tick.bl{bottom:0;left:0;transform:scaleY(-1)}.tick.br{bottom:0;right:0;transform:scale(-1)}.hud{position:fixed;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:30px 38px;z-index:6;pointer-events:none;transition:opacity 1.2s ease}.hud-top{top:0}.hud-bottom{bottom:0;align-items:flex-end}.hud>*{pointer-events:auto}.wordmark h1{font-family:var(--display);font-size:21px;font-weight:400;letter-spacing:.34em;text-transform:uppercase;color:var(--aurum-hi);text-shadow:0 0 24px rgba(240,189,106,.35)}.wordmark .guild{margin-top:6px;font-family:var(--mono);font-size:9.5px;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.hud-status{text-align:right}.charted{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.charted #charted-count{color:var(--rift)}.ghost-btn{margin-top:10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);background:none;border:1px solid var(--line-soft);padding:6px 12px;cursor:pointer;transition:color .3s,border-color .3s}.ghost-btn:hover,.ghost-btn:focus-visible{color:var(--aurum-hi);border-color:var(--line)}.ghost-btn[aria-pressed=true]{color:var(--rift);border-color:#74f1de59}.hint,.coords{font-family:var(--mono);font-size:10px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.coords{color:var(--aurum);opacity:.8;font-variant-numeric:tabular-nums}.star-label{position:fixed;z-index:7;pointer-events:none;transform:translate(-50%,calc(-100% - 22px));text-align:center;transition:opacity .18s ease}.star-label:after{content:"";display:block;width:1px;height:16px;margin:6px auto 0;background:linear-gradient(to bottom,var(--aurum),transparent)}.star-label-name{font-family:var(--display);font-size:17px;letter-spacing:.28em;text-transform:uppercase;color:var(--aurum-hi);text-shadow:0 0 18px rgba(240,189,106,.5);white-space:nowrap}.star-label-name:before,.star-label-name:after{content:"—";color:var(--line);margin:0 10px}.star-label-tag{margin-top:3px;font-family:var(--body);font-style:italic;font-weight:300;font-size:13px;color:var(--dim);white-space:nowrap}.panel{position:fixed;top:0;right:0;bottom:0;width:min(400px,88vw);z-index:8;padding:108px 38px 120px;overflow-y:auto;scrollbar-width:none;background:linear-gradient(to left,rgba(6,3,12,.92) 55%,rgba(6,3,12,.55) 85%,transparent);border-left:1px solid var(--line-soft);transform:translate(24px);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease}.panel::-webkit-scrollbar{display:none}body.panel-open .panel{transform:none;opacity:1}.panel .eyebrow{font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--rift);margin-bottom:14px}.panel h2{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.15;letter-spacing:.12em;text-transform:uppercase;color:var(--aurum-hi);margin-bottom:6px}.panel .class-line{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding-bottom:18px;border-bottom:1px solid var(--line-soft);margin-bottom:18px}.panel .lore{font-family:var(--body);font-weight:300;font-size:15.5px;line-height:1.65;color:var(--ink);opacity:.88;margin-bottom:26px}.panel .lore em{color:var(--aurum-hi);font-style:italic}.panel .planet-list{list-style:none;margin-bottom:26px}.panel .planet-list li{border-top:1px solid var(--line-soft)}.panel .planet-list li:last-child{border-bottom:1px solid var(--line-soft)}.panel .planet-row{width:100%;display:flex;align-items:baseline;gap:12px;background:none;border:0;padding:12px 2px;cursor:pointer;text-align:left;color:inherit;transition:padding-left .25s ease}.panel .planet-row:hover,.panel .planet-row:focus-visible,.panel .planet-row.active{padding-left:10px}.panel .planet-row .p-name{font-family:var(--display);font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.panel .planet-row:hover .p-name,.panel .planet-row.active .p-name{color:var(--aurum-hi)}.panel .planet-row .p-type{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-left:auto}.panel .features{list-style:none;margin:14px 0 24px}.panel .features li{font-family:var(--body);font-weight:300;font-style:italic;font-size:14px;line-height:1.55;color:var(--rift);opacity:.9;padding:6px 0 6px 16px;position:relative}.panel .features li:before{content:"◈";position:absolute;left:0;top:8px;font-size:8px;font-style:normal;color:var(--aurum)}.action-btn{font-family:var(--mono);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--void);background:var(--aurum);border:0;padding:13px 26px;cursor:pointer;transition:background .3s,box-shadow .3s}.action-btn:hover,.action-btn:focus-visible{background:var(--aurum-hi);box-shadow:0 0 32px #f0bd6a59}.action-btn.secondary{background:none;color:var(--aurum);border:1px solid var(--line);margin-left:10px}.action-btn.secondary:hover,.action-btn.secondary:focus-visible{color:var(--aurum-hi);border-color:var(--aurum);box-shadow:none}.panel .actions{display:flex;flex-wrap:wrap;gap:10px 0}.meridian-wrap{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(920px,72vw);height:92px;z-index:6;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent)}#meridian{width:100%;height:100%;display:block}.intro{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse at 50% 60%,rgba(11,6,24,.6),var(--void) 75%);transition:opacity 1.6s ease}.intro.leaving{opacity:0;pointer-events:none}.intro-eyebrow{font-family:var(--mono);font-size:10px;font-weight:300;letter-spacing:.34em;text-transform:uppercase;color:var(--rift);opacity:0;animation:rise 1.4s .3s ease forwards}.intro-title{font-family:var(--display);font-weight:400;font-size:clamp(44px,9vw,108px);letter-spacing:.22em;text-transform:uppercase;text-indent:.22em;color:var(--aurum-hi);text-shadow:0 0 60px rgba(240,189,106,.45),0 0 140px rgba(139,123,255,.25);display:flex}.intro-title span{opacity:0;transform:translateY(14px);animation:rise 1.1s ease forwards}.intro-title span:nth-child(1){animation-delay:.55s}.intro-title span:nth-child(2){animation-delay:.62s}.intro-title span:nth-child(3){animation-delay:.69s}.intro-title span:nth-child(4){animation-delay:.76s}.intro-title span:nth-child(5){animation-delay:.83s}.intro-title span:nth-child(6){animation-delay:.9s}.intro-title span:nth-child(7){animation-delay:.97s}.intro-title span:nth-child(8){animation-delay:1s}.intro-title span:nth-child(9){animation-delay:1.1s}.intro-title span:nth-child(10){animation-delay:1.17s}.intro-title span:nth-child(11){animation-delay:1.24s}.intro-title span:nth-child(12){animation-delay:1.31s}.intro-sub{font-family:var(--body);font-style:italic;font-weight:300;font-size:clamp(15px,2vw,19px);color:var(--dim);opacity:0;animation:rise 1.4s 1.7s ease forwards}.begin-btn{margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--aurum);background:none;border:1px solid var(--line);padding:15px 42px;cursor:pointer;opacity:0;animation:rise 1.4s 2.2s ease forwards;transition:color .3s,border-color .3s,box-shadow .3s,letter-spacing .4s}.begin-btn:hover,.begin-btn:focus-visible{color:var(--aurum-hi);border-color:var(--aurum);box-shadow:0 0 40px #f0bd6a38;letter-spacing:.38em}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}body.mode-intro .hud,body.mode-intro .meridian-wrap,body.mode-intro .frame{opacity:0}body:not(.mode-intro) .hud,body:not(.mode-intro) .meridian-wrap,body:not(.mode-intro) .frame{opacity:1}.meridian-wrap,.frame{transition:opacity 1.6s ease}:focus-visible{outline:1px solid var(--rift);outline-offset:3px}@media (max-width: 640px){.hud{padding:20px 18px}.frame{inset:8px}.panel{padding:88px 24px 110px}.meridian-wrap{width:94vw}.hint{display:none}}@media (prefers-reduced-motion: reduce){.intro-eyebrow,.intro-title span,.intro-sub,.begin-btn{animation:none;opacity:1;transform:none}.panel{transition:opacity .3s ease}}