:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#e7e5e1;background:#010103;--muted:#a4a6ac;--edge:rgba(226,230,239,.19)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d9c4a5;outline-offset:5px}button{border:0}a{color:inherit}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#universe{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;background:#010103;isolation:isolate}#photograph,.vignette,#destinations{position:absolute;inset:0}#photograph{z-index:-3;touch-action:none;user-select:none}#photograph img{position:absolute;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;animation:arrive 800ms ease-out}#photograph img.overview{object-fit:fill}#photograph img.planet{object-fit:contain;background:#000}.vignette{z-index:-2;pointer-events:none;background:linear-gradient(#0101039c,transparent 24%,transparent 72%,#010103b3)}#destinations{touch-action:none}.masthead{position:absolute;left:32px;right:32px;top:max(24px,env(safe-area-inset-top));display:flex;align-items:center;gap:28px;pointer-events:none}.masthead>*{pointer-events:auto}.signature{text-decoration:none;letter-spacing:.19em;font-size:13px;font-weight:600}.signature span{color:#aaa;margin-left:5px}.title{border-left:1px solid var(--edge);padding-left:27px}.title p{font-family:Georgia,serif;font-size:12px;font-style:italic;color:#b5b1aa;margin:0 0 5px}.title h1{font-size:14px;letter-spacing:.04em;font-weight:400;margin:0}.title em{font-style:normal}.masthead>#places{margin-left:auto}.glass{background:#090b10a3;border:1px solid var(--edge);border-radius:30px;padding:11px 18px;min-height:44px;font-size:12px;backdrop-filter:blur(14px)}.glass:hover{background:#22242bba;border-color:#ffffff60}#places span{font-size:10px;color:#aaa;margin-left:12px}.trail{position:absolute;top:100px;left:32px;right:32px;display:flex;align-items:center;gap:9px;font-size:11px;flex-wrap:wrap;pointer-events:none}.trail>*{pointer-events:auto}.trail button{background:transparent;padding:8px 0;color:#b1b3ba;min-height:32px}.trail button:hover{color:#fff}.trail span{opacity:.45}.trail [aria-current]{color:#ece7df}.scene-caption{position:absolute;left:32px;bottom:100px;max-width:420px;pointer-events:none;text-shadow:0 2px 20px #000}.scene-caption button{pointer-events:auto;margin-top:16px}.eyebrow{font-size:9px;letter-spacing:.22em;color:#afaaa3;margin:0 0 12px}.scene-caption h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(24px,3vw,38px);line-height:1.1;margin:0 0 10px}.scene-caption>p:last-of-type{font-size:12px;color:#b0b2b7;line-height:1.6;margin:0;max-width:350px}.map-footer{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.controls{display:flex;gap:8px;pointer-events:auto}.map-footer p{font-size:10px;letter-spacing:.06em;color:#999da8;margin:0}#immersive{font-size:19px;padding:7px 14px;line-height:1}.destination{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:64px;min-height:64px;background:transparent;border-radius:50%;padding:0;--color:#b7c3d9}.destination.region{width:clamp(70px,10vw,150px);height:clamp(70px,10vw,150px)}.destination::before{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--color) 10%,transparent),transparent 70%);opacity:.65;transition:opacity .25s}.destination .point{display:block;width:3px;height:3px;border-radius:50%;background:#fff9;box-shadow:0 0 8px 1px var(--color),0 0 25px var(--color)}.destination.world .point{width:4px;height:4px}.destination:hover::before,.destination:focus-visible::before{opacity:1;box-shadow:0 0 30px #ffffff0b}.destination .label{position:absolute;top:calc(50% + 16px);left:50%;transform:translateX(-50%);font-size:10px;line-height:1.5;letter-spacing:.025em;max-width:150px;width:max-content;color:#eeebe6;text-shadow:0 1px 5px #000,0 0 15px #000;background:#01010388;padding:3px 6px;border-radius:3px;opacity:0;transition:opacity .2s;pointer-events:none}.destination:hover .label,.destination:focus-visible .label,.show-names .destination .label{opacity:1}.destination.entrance{width:120px;height:120px}.destination.entrance .point{width:9px;height:9px;box-shadow:0 0 15px var(--color)}.destination.entrance .label{opacity:1}.destination.wormhole .point{width:20px;height:12px;background:radial-gradient(ellipse,#010103 30%,#a5b6dc55 50%,#e5dcbb88 65%,transparent 80%);transform:rotate(-28deg);box-shadow:0 0 15px #d1c3dd44}.status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;background:#06070ee8;padding:16px 23px;border-radius:6px;max-width:85%;text-align:center;pointer-events:none}.status:empty{display:none}#retry{position:absolute;left:50%;top:calc(50% + 50px);transform:translateX(-50%)}#restore{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));right:24px}.immersed .masthead,.immersed .trail,.immersed .scene-caption,.immersed .map-footer,.immersed #destinations{visibility:hidden}dialog{position:fixed;inset:0 0 0 auto;width:430px;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-left:1px solid var(--edge);padding:0 28px 40px;background:#080b11f7;color:#e2e0dd;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(25px)}dialog::backdrop{background:#0006}.drawer-top{position:sticky;top:0;background:#080b11f5;display:flex;justify-content:space-between;align-items:center;padding:18px 0;z-index:2;border-bottom:1px solid var(--edge)}.drawer-top>span{font-size:9px;letter-spacing:.17em;color:#a5a8b0}.drawer-top>button{font-size:24px;background:transparent;width:44px;height:44px}#drawer-content h2{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.15;margin:28px 0 14px}#drawer-content p{font-size:13px;line-height:1.75;color:#abb0bb}#drawer-content h3{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:400;margin-top:28px;color:#e3d9c8}.searchbox{display:block;margin-top:24px}.searchbox span{font-size:11px;display:block;margin-bottom:8px;color:#b8bbc2}.searchbox input,.region-filter{background:#11151e;color:#ddd;border:1px solid var(--edge);padding:13px;border-radius:4px;width:100%;min-height:44px}.region-filter{margin:10px 0}#world-list{display:grid;gap:3px}.world-row{display:flex;align-items:center;text-align:left;padding:15px 0;border-bottom:1px solid #ffffff12;background:transparent;min-height:60px;gap:12px}.world-row .dot{width:5px;height:5px;border-radius:50%;background:var(--color);box-shadow:0 0 9px var(--color)}.world-row strong{font-size:13px;font-weight:400;display:block}.world-row small{font-size:10px;display:block;color:#8e95a3;margin-top:5px}.world-row>span:last-child{margin-left:auto;color:#89909b}.world-row:hover strong{color:#d9c3a1}.photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo{text-decoration:none;font-size:11px;line-height:1.5}.photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;background:#10141d;margin-bottom:6px}.photo span{display:block;font-size:9px;color:#9ba3af;margin-bottom:8px}.photo:hover{text-decoration:underline}.journal-note{font-style:italic;border-left:1px solid #716553;padding-left:14px}#more-photos{margin-top:18px}.calendar{font-size:10px!important;color:#7f8794!important;margin-top:30px;border-top:1px solid var(--edge);padding-top:18px}.no-script{position:absolute;inset:40% 10% auto;background:#111;padding:30px;text-align:center}@keyframes arrive{from{opacity:0}to{opacity:1}}@media(orientation:portrait){.scene-caption{bottom:104px;max-width:75vw}.scene-caption>p:last-of-type{max-width:280px}.destination{min-width:54px;min-height:54px}.destination .label{max-width:115px;font-size:9px}.scene-caption h2{font-size:28px}#photograph img.planet{object-fit:contain}}@media(max-width:600px){.masthead{left:20px;right:20px;top:max(20px,env(safe-area-inset-top));gap:12px}.signature{display:none}.title{padding:0;border:0}.title p{font-size:11px}.title h1{font-size:12px}.masthead .glass{padding:9px 13px}#places span{margin-left:8px}.trail{left:20px;right:20px;top:83px;font-size:10px;gap:6px}.scene-caption{left:20px;bottom:98px}.scene-caption h2{font-size:26px}.scene-caption .eyebrow{font-size:8px}.scene-caption>p:last-of-type{font-size:11px;max-width:255px}.map-footer{left:20px;right:20px;bottom:max(20px,env(safe-area-inset-bottom))}.controls{gap:6px}.controls .glass{font-size:11px;padding:10px 13px}.map-footer p{font-size:9px}dialog{width:100%;padding:0 24px 36px}.destination.region{width:70px;height:70px}body[data-stage=overview] .scene-caption{bottom:96px}body[data-stage=overview] .scene-caption h2{font-size:22px}body[data-stage=overview] .scene-caption>p:last-of-type{display:none}body[data-stage=overview] .scene-caption .eyebrow{display:none}body[data-stage=galaxy] .scene-caption{bottom:90px}body[data-stage=galaxy] .scene-caption>p:last-of-type{display:none}body[data-stage=galaxy] .scene-caption h2{font-size:22px}body[data-stage=galaxy] .scene-caption .eyebrow{font-size:8px;margin-bottom:6px}}@media(max-height:520px) and (orientation:landscape){.masthead{top:14px}.trail{top:68px}.scene-caption{bottom:73px;max-width:240px}.scene-caption>p:last-of-type{display:none}.scene-caption h2{font-size:23px}.scene-caption .eyebrow{margin-bottom:7px}.map-footer{bottom:15px}.destination .label{font-size:9px}.destination{min-width:46px;min-height:46px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Widen the landscape orbital photograph on phones while retaining the whole globe. */
@media(orientation:portrait){#photograph img.planet{width:170%;left:-35%;object-fit:contain}}
.destination.wormhole{width:84px;height:84px}.destination.wormhole .point{width:62px;height:62px;background:url('/multiverse/assets/wormhole.webp') center/contain no-repeat;border-radius:0;box-shadow:none;transform:rotate(-17deg);opacity:.75}.destination.wormhole:hover .point,.destination.wormhole:focus-visible .point{opacity:1}.destination.wormhole .label{top:calc(50% + 31px)}
/* Fade the photographic space into the page, with no visible rectangular edges. */
#photograph img.planet{width:min(100vw,177.7dvh);height:auto;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent;object-fit:fill;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(orientation:portrait){#photograph img.planet{width:min(calc(100vw * var(--orbit-scale,1.7)),142dvh)}}
/* Broad, invisible hit areas follow the clouds without exposing panel borders. */
.destination.region{width:clamp(110px,20vw,320px);height:clamp(110px,20vw,320px)}
@media(max-width:600px){.destination.region{width:112px;height:112px}}

@media(orientation:portrait) and (min-aspect-ratio:3/5),(orientation:landscape) and (max-aspect-ratio:5/4){#photograph img.galaxy{object-fit:contain}}
/* Device-local explorer collection: quiet metal finishes, readable controls. */
#passport{margin-left:auto}.masthead>#places{margin-left:0}.destination.sealed .point{opacity:.35}.destination.sealed .label{color:#a6aab2}.passport-card{border:1px solid #bac6d655;border-radius:16px;padding:24px;margin-top:22px;background:linear-gradient(125deg,#28313e,#0b1018 70%)}.passport-card strong{display:block;font:36px Georgia,serif;margin:15px 0}.passport-card.tier-gold{border-color:#d1b16b;background:linear-gradient(125deg,#594a2e,#14100b 70%)}.passport-card.tier-platinum{border-color:#dce2eb;background:linear-gradient(125deg,#68717b,#141820 70%)}.passport-card.tier-diamond{border-color:#c7e9ff;background:linear-gradient(125deg,#527f9c,#121a32 70%)}.passport-milestones{list-style:none;padding:0;font-size:12px;line-height:1.8}.passport-milestones li{padding:9px 0;border-bottom:1px solid var(--edge);color:#9299a6}.passport-milestones .earned{color:#e6dac1}.passport-resume{margin:18px 0}.passport-contact{display:inline-block;text-decoration:none}.passport-stamps{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.passport-stamps span{border:1px solid #b8b4a555;border-radius:5px;padding:8px;font-size:11px}.storage-warning{color:#ffce9b!important;border:1px solid #b77b35;padding:12px}.expedition-photo{background:none;text-align:left;padding:0;color:inherit}.expedition-photo small{font-size:10px;color:#c5bda7}.diamond-showcase{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.expedition-viewer{inset:0;width:100vw;height:100dvh;max-width:100vw;border:0;padding:20px;background:#03060cfb;display:flex;flex-direction:column}.expedition-viewer:not([open]){display:none}.expedition-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.expedition-top h2{font:18px Georgia,serif;line-height:1.4;margin:0}.expedition-top button{flex:none}.expedition-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:18px 0}.expedition-frame img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.expedition-status{font-size:12px;line-height:1.6;text-align:center;min-height:20px;margin:6px 0}.expedition-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.expedition-controls button:disabled{cursor:default}.expedition-viewer::backdrop{background:#000d}@media(max-width:600px){.masthead{gap:8px}.masthead .title{max-width:115px}.masthead .glass{padding:9px 10px;font-size:10px}#passport{margin-left:auto}#places span{display:none}.map-footer{align-items:flex-end;gap:8px}.map-footer p{max-width:120px;text-align:right;line-height:1.5}.expedition-viewer{padding:12px 14px max(14px,env(safe-area-inset-bottom))}.expedition-top h2{font-size:14px}.expedition-frame{margin:10px 0}.expedition-controls{gap:6px}.expedition-controls .glass{padding:10px 13px}.expedition-status{font-size:11px}}

.castle-feature{display:block;margin:26px 0 12px;text-decoration:none;border:1px solid var(--edge);border-radius:6px;overflow:hidden;background:#10141c}.castle-feature img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#05070b}.castle-feature>span,.castle-feature>strong{display:block;margin-left:16px;margin-right:16px}.castle-kicker{font-size:8px;letter-spacing:.15em;color:#b6a78f;margin-top:16px}.castle-feature strong{font:24px/1.2 Georgia,serif;font-weight:400;margin-top:9px}.castle-open{font-size:11px;color:#c9c5bd;margin-top:13px;margin-bottom:17px}.castle-feature:hover .castle-open{text-decoration:underline}.castle-description{margin-bottom:24px}

.map-home{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #ffffff35;border-radius:6px;background:#060915b8;text-decoration:none;font-size:11px;letter-spacing:.02em;white-space:nowrap}.map-home:hover{background:#1c1930}.map-home:focus-visible{outline:2px solid #d5baff;outline-offset:3px}@media(max-width:600px){.map-home{font-size:10px;padding:8px;min-width:44px}}

@media(max-width:780px){.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;top:max(12px,env(safe-area-inset-top))}.masthead .map-home{grid-column:1/-1;justify-self:start;display:inline-flex}.masthead .title{max-width:none;min-width:0}.masthead #places{margin-left:0}.trail{top:124px}.masthead .title h1{font-size:11px}}

.castle-description{white-space:pre-line}

/* Display only: passport stamps and castle-key rules remain unchanged. */
.map-progress{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;max-width:min(65vw,640px)}
.map-progress #visited{margin:0}
#stamp-progress{display:block;appearance:none;width:112px;max-width:100%;height:4px;overflow:hidden;border:0;border-radius:3px;background:#fff1df26;color:#d6bc84}
#stamp-progress::-webkit-progress-bar{background:#fff1df26;border-radius:3px}
#stamp-progress::-webkit-progress-value{background:#d6bc84;border-radius:3px}
#stamp-progress::-moz-progress-bar{background:#d6bc84;border-radius:3px}
@media(max-width:600px){.map-progress{gap:6px;max-width:54vw}.map-progress #visited{font-size:10px;line-height:1.5;text-align:right}#stamp-progress{width:84px}}
.fast-travel-badge{font-size:10px;line-height:1.4;padding:5px 9px;border-radius:20px;background:#d6bc8422;border:1px solid #d6bc8466;color:#f2dbab}.fast-travel-badge[hidden]{display:none}
@media(max-width:600px){.map-footer{flex-direction:column;align-items:stretch;gap:12px}.map-progress{order:-1;display:grid;grid-template-columns:1fr auto;max-width:none;width:100%;gap:8px}.map-progress #visited{max-width:none;text-align:left}.map-progress #stamp-progress{grid-column:1/-1;width:100%;height:5px}.map-progress .fast-travel-badge{max-width:145px;align-self:center}.scene-caption,body[data-stage=overview] .scene-caption,body[data-stage=galaxy] .scene-caption{bottom:158px}.controls{align-self:flex-start}}
#galaxy-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:.6}#galaxy-route[hidden]{display:none}#galaxy-route path{fill:none;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.immersed #galaxy-route{visibility:hidden}

/* Brand destinations are a separate layer, never stops in the passport route. */
.destination.brand{min-width:44px;min-height:44px;width:44px;height:44px}
.destination.brand .point{width:15px;height:15px;background:radial-gradient(circle at 29% 25%,#ffffffb5,var(--color) 35%,#070a14 85%);box-shadow:0 0 11px color-mix(in srgb,var(--color) 50%,transparent);border:1px solid #ffffff35}
.destination.brand-visited .point{outline:1px solid #d6bc84;outline-offset:3px}
.destination.brand .label{top:calc(50% + 15px)}
#photograph img.brand-planet{width:min(74vw,78dvh);height:auto;left:55%;top:45%;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 0 50px #6a8dc319)}
body[data-stage=brand] #photograph{background:radial-gradient(ellipse at 55% 42%,#131e33 0%,#060a14 45%,#010103 78%)}
.brand-directory-link{display:inline-block;font-size:12px;color:#d1bded;margin:8px 0}
.brand-hub-link{text-decoration:none;display:flex;align-items:center}
@media(orientation:portrait){#photograph img.brand-planet{width:125vw;max-width:72dvh;left:50%;top:39%}body[data-stage=brand] .scene-caption{max-width:85vw}body[data-stage=brand] .scene-caption>p:last-of-type{max-width:80vw;font-size:11px;line-height:1.5}}
@media(max-width:400px){.controls{gap:4px}.controls .glass{padding:10px;font-size:10px}}

/* Each main world has one Color Kid companion; photographs retain their colors. */
.color-kid-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--kid-color) 40%,transparent);border-radius:18px;padding:7px 10px;color:var(--kid-color);background:#050811bb;font-size:10px;line-height:1.4}
.color-kid-badge:before,.kid-swatch{content:'';display:block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--kid-color);box-shadow:0 0 8px color-mix(in srgb,var(--kid-color) 35%,transparent)}
#scene-companion{margin:12px 0 2px}#scene-companion[hidden]{display:none}
.destination .label .kid-point-label{display:block;font-size:9px;line-height:1.4;color:var(--color);margin-top:3px}
.color-kid-roster{display:grid;margin-top:20px}
.color-kid-row{display:flex;align-items:flex-start;gap:12px;min-height:90px;padding:20px 0;border:0;border-bottom:1px solid #ffffff18;border-radius:0;background:transparent;text-align:left;color:inherit}
.color-kid-row:hover{background:#ffffff05}.color-kid-row .kid-swatch{margin-top:6px}
.kid-world-copy{display:block;flex:1;min-width:0}.kid-world-copy strong{display:block;font:17px/1.2 Georgia,serif;color:var(--kid-color);font-weight:400}.kid-planet-name{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:#e0e3ea}.kid-pairing-note{display:block;font-size:11px;line-height:1.65;color:#939eaf;margin-top:5px}.kid-world-state{font-size:10px;line-height:1.4;white-space:nowrap;color:#b0b7c4;margin-top:3px}
#drawer-content .kid-journal-note{font-size:12px;margin:12px 0 24px}.region-filter:disabled{opacity:.45}
@media(max-width:600px){#scene-companion{margin:9px 0 0}.color-kid-badge{font-size:9px;padding:6px 9px}.destination .label .kid-point-label{font-size:8px}}
@media(max-height:520px) and (orientation:landscape){#scene-companion{margin:6px 0 0}.color-kid-badge{padding:4px 8px;font-size:9px}}

.spectrum-passport{border-color:var(--passport-color);background:linear-gradient(125deg,color-mix(in srgb,var(--passport-color) 18%,#0b1018),#0b1018 75%)}.spectrum-passport strong{color:var(--passport-color)}.spectrum-passport small{font-size:12px;color:#ddd2e3}.passport-color-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}.passport-color-ranks li{border-left:2px solid #ffffff25;padding:9px 10px;font-size:12px;line-height:1.5;color:#aba7b4}.passport-color-ranks li.earned{border-color:var(--passport-color);color:var(--passport-color)}.passport-color-ranks small{display:block;font-size:10px;color:#bab3c4;margin-top:4px}

.destination.bonus .point{width:14px;height:14px;background:#bda16c55;box-shadow:0 0 12px #d8bc7340;border-radius:3px;transform:rotate(45deg);border:1px solid #d8bc73}.bonus-pin-label{display:block;color:#d8c99e;font-size:10px;line-height:1.4}.destination.bonus.sealed{opacity:.8}
/* One small distinction per constellation. These rules never alter the photographs. */
#universe[data-galaxy=amethyst] .destination.world .point{box-shadow:0 0 13px #c6a1e755}
#universe[data-galaxy=chrome] .destination.world .point{outline:1px solid #b7d3e2;outline-offset:3px;border-radius:3px}
#universe[data-galaxy=verdant] .destination.world.is-unvisited .point{background-color:#83c7b0;border-color:#a5d8c4}
#universe[data-galaxy=reverie] .destination .label{background:#14101cd9;border-radius:10px;color:#ded2e7}
#universe[data-galaxy=origin][data-observatory-open=false] .destination.world .point{opacity:.55;box-shadow:none}
#universe[data-galaxy=dune] .destination .label{transition:background-color 1.6s ease,color 1.6s ease;background-color:#19160ed9}
#universe[data-galaxy=glacial] .destination .label{transition:background-color 2s ease;color:#c8d9e6}
@media(prefers-reduced-motion:no-preference){
 #universe[data-galaxy=amethyst] .destination.world .point{animation:crystal-light 8s ease-in-out infinite}
 #universe[data-galaxy=tidal] .destination .label{animation:tidal-name 11s ease-in-out infinite}
 #universe[data-galaxy=cinder] .destination.world .point{animation:ember-light 9s ease-in-out infinite}
 #universe[data-galaxy=ribbon] #nearby-note{animation:copper-line 12s ease-in-out infinite}
 @keyframes crystal-light{50%{box-shadow:0 0 19px #c6a1e77a}}
 @keyframes tidal-name{50%{translate:0 -1.5px}}
 @keyframes ember-light{50%{box-shadow:0 0 18px #dc9a6059}}
 @keyframes copper-line{50%{translate:1.5px 0}}
}
@media(prefers-reduced-motion:reduce){#universe .destination .label{transition:none!important;animation:none!important}#universe #nearby-note{animation:none!important}}

/* Resolve photographic brand worlds at their native detail, without glow filters. */
#photograph img.brand-planet{width:min(78vw,1400px);max-width:100vw;height:auto;left:57%;top:43%;filter:none;object-fit:contain;background:#000}
@media(orientation:portrait){#photograph img.brand-planet{width:100vw;max-width:100vw;left:50%;top:36%}}
body[data-stage=brand] #photograph{background:#000}
