body:has(.moon-outer){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hero-full:has(.moon-outer){aspect-ratio:auto;height:clamp(380px,74dvh,900px);min-height:70vh;background:var(--ph-sun, #f6e3a9)}.moon-arrival{position:absolute;inset:0;z-index:5;background:var(--ph-sun, #f6e3a9);opacity:1;pointer-events:none;transition:opacity .85s ease-out}.moon-outer.landed .moon-arrival{opacity:0}@media (prefers-reduced-motion: reduce){.moon-arrival{transition-duration:.25s}}.moon-outer{position:relative;width:100%;height:100%;line-height:1.6}.moon-stage{position:absolute;inset:0;touch-action:none}.moon-stage canvas:not(.moon-globe){width:100%!important;height:100%!important;display:block;image-rendering:pixelated}.moon-hud{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;pointer-events:none}.moon-hint{font-family:var(--pixel);font-size:13px;color:var(--ink-soft);background:color-mix(in srgb,var(--paper) 78%,transparent);border:1px solid var(--line);border-radius:4px;padding:3px 10px}@media (pointer: coarse){.moon-hint{display:none}}.moon-globe{position:absolute;left:12px;top:12px;width:76px;height:76px;image-rendering:pixelated;border-radius:50%;background:color-mix(in srgb,var(--paper) 22%,transparent);box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:width .28s ease,height .28s ease,left .28s ease,top .28s ease}.moon-globe.open{left:50%;top:50%;width:min(76vw,340px);height:min(76vw,340px);margin:calc(min(38vw,170px)*-1) 0 0 calc(min(38vw,170px)*-1);z-index:8;cursor:grab;border-radius:10px;background:color-mix(in srgb,var(--ink) 26%,transparent);box-shadow:0 0 0 1px var(--line-strong),0 0 0 100vmax color-mix(in srgb,var(--paper) 42%,transparent)}.moon-globe.open:active{cursor:grabbing}.moon-mapname{position:absolute;left:50%;top:50%;margin:calc(min(38vw,170px) + 12px) 0 0 0;transform:translate(-50%);z-index:9;display:none;max-width:82vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--pixel);font-size:13px;color:var(--ink);background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--line-strong);border-radius:4px;padding:4px 12px;transition:opacity .16s ease}.moon-outer.map-open .moon-mapname{display:block}.moon-mapclose{position:absolute;left:50%;top:50%;margin:calc((min(38vw,170px) + 46px)*-1) 0 0 0;transform:translate(-50%);z-index:9;display:none;font-family:var(--pixel);font-size:14px;color:var(--ink);background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--line-strong);border-radius:4px;padding:6px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.moon-mapclose:hover{border-color:var(--ink)}.moon-outer.map-open .moon-mapclose{display:block}.moon-outer.map-open .moon-speed,.moon-outer.map-open .moon-air,.moon-outer.map-open .moon-place,.moon-outer.map-open .moon-hud{opacity:0!important}@media (max-width: 520px){.moon-globe{width:66px;height:66px}.moon-globe.open{top:44%;width:min(86vw,340px);height:min(86vw,340px);margin:calc(min(43vw,170px)*-1) 0 0 calc(min(43vw,170px)*-1)}.moon-mapname{top:44%;font-size:12px;margin:calc(min(43vw,170px) + 10px) 0 0 0}.moon-mapclose{top:44%;margin:calc((min(43vw,170px) + 42px)*-1) 0 0 0}}.moon-speed,.moon-air,.moon-place{position:absolute;left:98px;font-family:var(--pixel);font-size:13px;color:var(--ink-soft);background:color-mix(in srgb,var(--paper) 70%,transparent);border:1px solid var(--line);border-radius:4px;padding:3px 10px;opacity:0;transition:opacity .5s;pointer-events:none}.moon-speed{top:12px}.moon-air{top:46px}@media (max-width: 520px){.moon-speed,.moon-air,.moon-place{left:86px;font-size:12px}}.moon-place{top:80px;color:var(--ink);border-color:var(--line-strong);pointer-events:auto}.moon-mode,.moon-ping,.moon-full,.moon-jump{position:absolute;font-family:var(--pixel);font-size:14px;color:var(--ink);background:color-mix(in srgb,var(--paper) 82%,transparent);border:1px solid var(--line-strong);border-radius:4px;padding:6px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.moon-mode:hover,.moon-ping:hover,.moon-full:hover{border-color:var(--ink)}.moon-mode{right:12px;bottom:12px}.moon-ping{right:12px;bottom:58px}.moon-full{right:12px;top:12px}.moon-jump{display:none}@media (pointer: coarse){.moon-mode,.moon-ping{left:12px;right:auto}.moon-jump{display:block;left:12px;bottom:104px;padding:14px 18px;font-size:15px}}.moon-stick{position:absolute;right:14px;bottom:14px;width:104px;height:104px;border-radius:50%;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--paper) 55%,transparent);display:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (pointer: coarse){.moon-stick{display:block}}.moon-nub{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--ink) 24%,var(--paper));pointer-events:none}.moon-caption{font-size:13px;color:var(--ink-faint);padding:1.1rem 1.75rem 0}.moon-caption a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line-strong)}.moon-caption a:hover{border-color:var(--ink)}.moon-sources{font-size:11.5px;line-height:1.7;color:var(--ink-faint);opacity:.78;padding:1.1rem 1.75rem 0;margin:0;max-width:62ch;list-style:none}.moon-sources li{padding-left:1rem;text-indent:-1rem}.moon-sources li:before{content:"· "}.moon-sources a{color:var(--ink-faint);text-decoration:none;border-bottom:1px solid var(--line)}.moon-sources a:hover{color:var(--ink-soft);border-color:var(--ink-soft)}@media (min-width: 600px){.moon-sources{padding:.9rem 2.5rem 0}}@media (min-width: 600px){.moon-caption{padding:1.1rem 2.5rem 0}}