.fx-terrain{position:relative;height:100svh;min-height:560px;background:var(--fx-night-0);color:var(--fx-text);isolation:isolate}@media(prefers-reduced-motion:no-preference){html.fx-js:not(.fx-reduced) .fx-terrain:not(.is-static){height:var(--fx-terrain-len, 180vh)}}.fx-terrain__sticky{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden}.fx-terrain__bg{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 38%,rgba(20,163,148,.18),transparent 70%),radial-gradient(120% 90% at 50% 100%,#145f56,#0d3b36 45%,#071a17)}.fx-terrain__grid{position:absolute;inset:0;opacity:.7;mask-image:radial-gradient(90% 80% at 50% 50%,#000 30%,transparent 85%)}.fx-terrain__poster,.fx-terrain__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fx-terrain__poster{transition:opacity 1.4s var(--fx-ease)}.fx-terrain.is-live .fx-terrain__poster{opacity:0}.fx-terrain__gl{position:absolute;inset:0}.fx-terrain__canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s var(--fx-ease)}.fx-terrain.is-live .fx-terrain__canvas{opacity:1}.fx-terrain__labels{position:absolute;inset:0;pointer-events:none}.fx-terrain__pt{position:absolute;top:0;left:0;opacity:0;transition:opacity .6s var(--fx-ease);will-change:transform}.fx-terrain__pt i{position:absolute;width:9px;height:9px;left:-4.5px;top:-4.5px;border-radius:50%;border:1px solid var(--fx-mint-2);box-shadow:0 0 10px #5fd0bd80}.fx-terrain__pt i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#e9f5f3}.fx-terrain__pt span{position:absolute;left:10px;top:-22px;font-size:9.5px;color:var(--fx-text-muted);padding-inline-start:14px;background:linear-gradient(var(--fx-mint-2),var(--fx-mint-2)) 0 100% / 12px 1px no-repeat}.fx-terrain__pt b{color:var(--fx-mint);font-weight:500}.fx-terrain__scrim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 45% at 50% 52%,rgba(7,26,23,.55),transparent 75%)}.fx-terrain__hud{position:absolute;top:88px;inset-inline-start:clamp(16px,4vw,48px);display:flex;flex-direction:column;gap:6px;font-size:10.5px;color:var(--fx-text-muted);opacity:.85;align-items:flex-start}.fx-terrain__crs{color:var(--fx-mint)}.fx-terrain__scale{position:absolute;bottom:32px;inset-inline-end:clamp(16px,4vw,48px);display:flex;align-items:center;gap:10px;font-size:10.5px;color:var(--fx-text-muted)}.fx-terrain__bar{display:flex;width:120px;height:5px;box-shadow:inset 0 0 0 1px #7fd0c499}.fx-terrain__bar i{flex:1}.fx-terrain__bar i:nth-child(odd){background:#7fd0c499}.fx-terrain__content{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:0 clamp(16px,5vw,64px);z-index:2;will-change:opacity,transform}.fx-terrain__cue{position:absolute;bottom:28px;left:50%;translate:-50% 0;display:grid;justify-items:center;gap:2px;color:var(--fx-mint);animation:fx-cue 2.8s var(--fx-ease) infinite}.fx-terrain__cue path{fill:none;stroke:currentColor;stroke-width:1}.fx-terrain__cue path:first-child{fill:#7fd0c440}.fx-terrain__cue span{font-size:9px}.fx-terrain.is-plan .fx-terrain__cue{opacity:0;transition:opacity .4s}@keyframes fx-cue{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.fx-terrain__cue{animation:none}}.fx-reduced .fx-terrain__cue{animation:none}.fx-terrain.is-static .fx-terrain__sticky{position:relative}.fx-capture .fx-terrain__content,.fx-capture .fx-terrain__hud,.fx-capture .fx-terrain__scale,.fx-capture .fx-terrain__cue,.fx-capture .fx-terrain__scrim,.fx-capture .fx-terrain__poster{visibility:hidden}@media(max-width:640px){.fx-terrain__hud{top:72px;font-size:9.5px}.fx-terrain__hud span:nth-child(2){display:none}.fx-terrain__pt span{display:none}}
