:root{color-scheme:dark;--ground:#060607;--ink:#f6f6f2;--ink-muted:#b9bbbf}html,body{background:var(--ground);color:var(--ink);margin:0}.stage{touch-action:pan-y pinch-zoom;--stage-w:min(max(100vw, calc(100svh * var(--landscape-aspect))), var(--stage-max-w));--wordmark-w:calc(var(--stage-w) * var(--wordmark-frac-landscape));--mark-h:calc(var(--stage-w) * var(--mark-frac-landscape));position:fixed;inset:0;overflow:hidden}@media (aspect-ratio<=3/4){.stage{--stage-w:min(max(100vw, calc(100svh * var(--portrait-aspect))), var(--portrait-stage-max-w));--wordmark-w:calc(var(--stage-w) * var(--wordmark-frac-portrait));--mark-h:calc(var(--stage-w) * var(--mark-frac-portrait))}}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.identity{margin:0;line-height:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.identity svg{width:var(--wordmark-w);height:auto;display:block}.stage.is-live .identity svg,.terrain-pending .identity svg,.terrain-pending .hud{opacity:0}.identity[data-composition=mark] svg{width:auto;height:var(--mark-h)}.hud{pointer-events:none;font-family:var(--font-sprig);color:var(--ink-muted);--hud-inset:max(20px, env(safe-area-inset-left));--hud-line:#f6f6f247;--hud-label:#8b8e94;transition:opacity .7s .15s;position:absolute;inset:0}.hud a{pointer-events:auto;color:var(--ink);text-underline-offset:.2em}.hud-corner{border-color:var(--hud-line);border-style:solid;border-width:0;width:18px;height:18px;position:absolute}.hud-corner-tl{top:var(--hud-inset);left:var(--hud-inset);border-top-width:1px;border-left-width:1px}.hud-corner-tr{top:var(--hud-inset);right:var(--hud-inset);border-top-width:1px;border-right-width:1px}.hud-corner-bl{bottom:max(20px, env(safe-area-inset-bottom));left:var(--hud-inset);border-bottom-width:1px;border-left-width:1px}.hud-corner-br{bottom:max(20px, env(safe-area-inset-bottom));right:var(--hud-inset);border-bottom-width:1px;border-right-width:1px}.hud-compass{top:calc(var(--hud-inset) + 8px);border-bottom:1px solid var(--hud-line);width:min(320px,56vw);height:30px;position:absolute;left:50%;overflow:hidden;translate:-50%;mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.hud-compass-strip{position:absolute;top:0;bottom:0;left:50%}.hud-tick{background:var(--hud-line);width:1px;height:6px;position:absolute;bottom:0}.hud-tick-major{background:var(--ink-muted);height:10px}.hud-tick-label{letter-spacing:.12em;color:var(--ink-muted);font-size:11px;line-height:1;position:absolute;bottom:13px;left:0;translate:-50%}.hud-compass-needle{background:var(--ink);width:1px;height:16px;position:absolute;bottom:0;left:50%}.hud-compass-readout,.hud-distance,.hud-label,.hud-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--hud-label);margin:0;font-size:11px}.hud-compass-readout{top:calc(var(--hud-inset) + 46px);position:absolute;left:50%;translate:-50%}.hud-distance{top:calc(var(--hud-inset) + 8px);right:calc(var(--hud-inset) + 28px);position:absolute}.hud-bottom{left:calc(var(--hud-inset) + 28px);right:calc(var(--hud-inset) + 28px);bottom:calc(max(20px, env(safe-area-inset-bottom)) + 28px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:24px;display:grid;position:absolute}.hud-entry{gap:6px;display:grid}.hud-text{max-width:30ch;color:var(--ink-muted);text-wrap:balance;margin:0;font-size:15px;line-height:1.4}.hud-waypoint{justify-items:end;font-size:15px}.hud-hint-touch{display:none}@media (hover:none){.hud-hint-pointer{display:none}.hud-hint-touch{display:inline}.hud-distance{display:none}}@media (width<=767px){.hud-distance{display:none}.hud-bottom{z-index:0;grid-template-columns:1fr;gap:20px}.hud-bottom:before{content:"";z-index:-1;left:calc(-1 * (var(--hud-inset) + 28px));right:calc(-1 * (var(--hud-inset) + 28px));bottom:calc(-1 * (max(20px, env(safe-area-inset-bottom)) + 28px));background:linear-gradient(to top, var(--ground) 45%, color-mix(in srgb, var(--ground) 82%, transparent) 58%, color-mix(in srgb, var(--ground) 52%, transparent) 72%, color-mix(in srgb, var(--ground) 22%, transparent) 86%, transparent);position:absolute;top:-112px}.hud-corner{z-index:1}.hud-hint{top:calc(var(--hud-inset) + 70px);white-space:nowrap;position:fixed;left:50%;translate:-50%}.hud-waypoint{justify-items:start}}.stage.is-flying .hud{opacity:0;transition:none}.stage:not(.is-live) :is(.hud-compass,.hud-compass-readout,.hud-distance,.hud-hint){visibility:hidden}