:root{--void: #04050a;--ink: #080a12;--panel-bg: rgba(7, 9, 16, .82);--bone: #e9e7e0;--silver: #c3cadb;--dim: #79809a;--dimmer: #4b5169;--rift: #ff3d68;--rift-soft: #ff8ba3;--signal: #7fe6d6;--line: rgba(233, 231, 224, .13);--line-soft: rgba(233, 231, 224, .07);--display: "Cormorant Garamond", "Times New Roman", serif;--hand: "Spectral", Georgia, serif;--mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--pad: clamp(18px, 2.6vw, 40px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--void)}body{font-family:var(--mono);color:var(--bone);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.frame{position:fixed;inset:calc(var(--pad) * .55);border:1px solid var(--line-soft);pointer-events:none;z-index:2}.tick{position:absolute;width:9px;height:9px;border:0 solid var(--rift);opacity:.55}.tick.tl{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}.tick.tr{top:-1px;right:-1px;border-top-width:1px;border-right-width:1px}.tick.bl{bottom:-1px;left:-1px;border-bottom-width:1px;border-left-width:1px}.tick.br{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}.hud{position:fixed;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:flex-start;z-index:4;pointer-events:none;transition:opacity .7s ease}.hud-top{top:var(--pad)}.hud-bottom{bottom:var(--pad);align-items:flex-end}body.mode-intro .hud,body.mode-intro .dial-wrap{opacity:0}.mark-title{font-family:var(--display);font-weight:300;font-size:20px;line-height:1;letter-spacing:.42em;text-transform:uppercase;color:var(--bone);text-indent:.42em}.mark-sub{margin-top:9px;font-size:9px;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}.status{text-align:right;pointer-events:auto}.status-line{font-size:9px;font-weight:300;letter-spacing:.26em;text-transform:uppercase;color:var(--silver)}.status-line.quiet{margin-top:5px;color:var(--dim)}.status-line .sep{color:var(--dimmer);padding:0 .35em}#charted-count,#scanned-count{color:var(--signal)}.ghost{margin-top:12px;padding:7px 11px;font-family:var(--mono);font-size:8.5px;font-weight:300;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid var(--line);cursor:pointer;transition:color .25s,border-color .25s}.ghost:hover,.ghost[aria-pressed=true]{color:var(--bone);border-color:#e9e7e057}.ghost[aria-pressed=true]{color:var(--signal);border-color:#7fe6d666}.hint,.readout{font-size:9px;font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.readout{color:var(--dimmer);font-variant-numeric:tabular-nums;text-align:right}.label{position:fixed;z-index:5;pointer-events:none;transform:translate(18px,-50%);padding-left:13px;border-left:1px solid rgba(255,61,104,.45);max-width:300px;opacity:0;transition:opacity .16s ease}.label.on{opacity:1}.label.flip{transform:translate(calc(-100% - 18px),-50%);padding-left:0;padding-right:13px;border-left:0;border-right:1px solid rgba(255,61,104,.45);text-align:right}.label-name{font-family:var(--display);font-size:21px;font-weight:400;line-height:1.1;letter-spacing:.05em;color:var(--bone)}.label-meta{margin-top:4px;font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--rift-soft)}.label-tag{margin-top:7px;font-family:var(--hand);font-style:italic;font-size:13px;line-height:1.45;color:var(--silver);letter-spacing:.01em}.reticle{position:fixed;z-index:4;width:54px;height:54px;margin:-27px 0 0 -27px;pointer-events:none;animation:reticle-spin 22s linear infinite}.reticle i{position:absolute;width:11px;height:11px;border:0 solid var(--rift)}.reticle i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.reticle i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.reticle i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.reticle i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}@keyframes reticle-spin{to{transform:rotate(360deg)}}.panel{position:fixed;top:0;right:0;bottom:0;width:min(392px,88vw);z-index:6;padding:calc(var(--pad) * 1.9) calc(var(--pad) * 1.15) var(--pad);background:var(--panel-bg);backdrop-filter:blur(14px) saturate(.75);-webkit-backdrop-filter:blur(14px) saturate(.75);border-left:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;transform:translate(100%);opacity:0;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .4s ease}.panel.on{transform:none;opacity:1}.panel::-webkit-scrollbar{width:3px}.panel::-webkit-scrollbar-thumb{background:var(--line)}.eyebrow{font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--rift-soft)}.eyebrow.charted{color:var(--signal)}.panel h2{margin-top:14px;font-family:var(--display);font-weight:300;font-size:clamp(30px,4vw,41px);line-height:1.05;letter-spacing:.015em;color:var(--bone)}.class-line{margin-top:11px;padding-bottom:17px;border-bottom:1px solid var(--line-soft);font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.lore{margin-top:17px;font-family:var(--hand);font-size:14.5px;font-weight:300;line-height:1.78;letter-spacing:.004em;color:var(--silver)}.lore.quote{font-style:italic;color:#aeb5c9}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:22px;background:var(--line-soft);border:1px solid var(--line-soft)}.stat{padding:11px 12px;background:#04050a8c}.stat dt{font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--dimmer)}.stat dd{margin-top:6px;font-size:12px;letter-spacing:.06em;color:var(--bone);font-variant-numeric:tabular-nums}.section-head{margin-top:26px;padding-bottom:9px;border-bottom:1px solid var(--line-soft);font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);display:flex;justify-content:space-between}.world-list{list-style:none;margin-top:4px}.world-row{display:flex;align-items:baseline;gap:10px;width:100%;padding:12px 2px 12px 0;background:transparent;border:0;border-bottom:1px solid var(--line-soft);text-align:left;cursor:pointer;color:inherit;transition:padding-left .24s ease,color .24s ease}.world-row:hover{padding-left:9px;color:var(--bone)}.world-row .w-dot{flex:none;width:6px;height:6px;border-radius:50%;border:1px solid var(--dimmer);transform:translateY(-1px)}.world-row.scanned .w-dot{background:var(--signal);border-color:var(--signal);box-shadow:0 0 7px #7fe6d699}.world-row .w-name{font-family:var(--display);font-size:17px;letter-spacing:.03em;color:var(--bone);flex:1;min-width:0}.world-row .w-type{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);white-space:nowrap}.features{list-style:none;margin-top:18px}.features li{position:relative;padding:8px 0 8px 17px;font-size:11.5px;line-height:1.6;letter-spacing:.05em;color:var(--silver);border-bottom:1px solid var(--line-soft)}.features li:before{content:"";position:absolute;left:0;top:15px;width:7px;height:1px;background:var(--signal)}.locked{margin-top:18px;padding:15px 16px;border:1px dashed var(--line);font-size:10px;line-height:1.75;letter-spacing:.14em;text-transform:uppercase;color:var(--dimmer)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding-bottom:8px}.action{flex:1 1 auto;padding:12px 15px;font-family:var(--mono);font-size:9px;font-weight:300;letter-spacing:.26em;text-transform:uppercase;color:var(--bone);background:transparent;border:1px solid rgba(255,61,104,.42);cursor:pointer;transition:background .25s,border-color .25s,color .25s}.action:hover{background:#ff3d681f;border-color:var(--rift)}.action.secondary{color:var(--dim);border-color:var(--line)}.action.secondary:hover{color:var(--bone);background:#e9e7e00d;border-color:#e9e7e047}.dial-wrap{position:fixed;right:var(--pad);bottom:calc(var(--pad) + 34px);width:132px;height:132px;z-index:3;pointer-events:none;opacity:.92;transition:opacity .7s ease}#dial{width:100%;height:100%;display:block}.toast{position:fixed;left:50%;bottom:calc(var(--pad) + 54px);transform:translate(-50%,12px);z-index:7;padding:11px 20px;border:1px solid rgba(127,230,214,.34);background:#060c0edb;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--signal);opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.toast.on{opacity:1;transform:translate(-50%)}.intro{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--pad);transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.4,0,.2,1)}.intro.out{opacity:0;transform:scale(1.08);pointer-events:none}.intro-eyebrow{font-size:9px;letter-spacing:.44em;text-transform:uppercase;color:var(--rift-soft);opacity:0;animation:rise 1.5s .35s ease forwards;text-indent:.44em}.intro-title{margin:26px 0 0;font-family:var(--display);font-weight:300;font-size:clamp(44px,12.5vw,178px);line-height:.95;letter-spacing:.15em;text-transform:uppercase;text-indent:.15em;color:#f6f4ee;text-shadow:0 0 60px rgba(205,214,232,.28),0 0 140px rgba(255,61,104,.13);white-space:nowrap}.intro-title span{display:inline-block;opacity:0;transform:translateY(.16em);animation:letter-in 1.7s cubic-bezier(.16,1,.3,1) forwards}.intro-title span.gap{width:.34em}.intro-sub{margin-top:30px;font-family:var(--hand);font-style:italic;font-weight:300;font-size:clamp(14px,1.5vw,18px);line-height:1.85;color:var(--silver);opacity:0;animation:rise 1.6s 1.5s ease forwards}.begin{margin-top:42px;padding:16px 38px;font-family:var(--mono);font-size:10px;font-weight:300;letter-spacing:.36em;text-transform:uppercase;text-indent:.36em;color:var(--bone);background:transparent;border:1px solid rgba(233,231,224,.26);cursor:pointer;opacity:0;animation:rise 1.4s 1.95s ease forwards;transition:color .35s,border-color .35s,background .35s,letter-spacing .35s}.begin:hover{color:#fff;border-color:var(--rift);background:#ff3d681a;letter-spacing:.42em}.intro-note{margin-top:26px;max-width:460px;font-size:8.5px;line-height:2;letter-spacing:.2em;text-transform:uppercase;color:var(--dimmer);opacity:0;animation:rise 1.4s 2.4s ease forwards}@keyframes rise{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}@keyframes letter-in{to{opacity:1;transform:none}}.noscript{position:fixed;inset:0;display:grid;place-items:center;z-index:20;background:var(--void);font-family:var(--hand);font-style:italic;color:var(--silver)}@media(max-width:720px){.dial-wrap{width:96px;height:96px;bottom:calc(var(--pad) + 46px)}.status-line.quiet{display:none}.hud-bottom{flex-direction:column;align-items:flex-start;gap:6px}.readout{text-align:left}.panel{width:100%;border-left:0;border-top:1px solid var(--line);top:auto;height:72vh}}@media(prefers-reduced-motion:reduce){.reticle{animation:none}.intro-title span,.intro-eyebrow,.intro-sub,.begin,.intro-note{animation-duration:.01ms;animation-delay:0ms;opacity:1;transform:none}}