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:none}}.moon-outer{position:relative;width:100%;height:100%;line-height:1.6}.world-nojs{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.55rem;padding:2rem;text-align:center;line-height:1.5;color:var(--ink-soft);background:#090b12}.world-nojs strong{color:#e6e1d0;font-family:var(--serif);font-weight:400;font-size:20px}.world-nojs span{color:#aaa9a3;font-size:13px}.world-nojs a{color:#e6e1d0;font-size:13px;text-decoration:none;border-bottom:1px solid #686861}.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-outer[data-hud=off] :is(.moon-speed,.moon-air,.moon-hint,.moon-full,.moon-ping,.moon-mode,.moon-jump,.moon-place,.moon-globe,.moon-stick,.moon-hud){opacity:0!important;pointer-events:none!important}