.terrain.studio.svelte-1wpjcad{padding:0}.terrain.svelte-1wpjcad{padding:var(--section-space) var(--pad-x);color:var(--ink-on-light)}.intro.svelte-1wpjcad,.examples.svelte-1wpjcad,.map-shell.svelte-1wpjcad,.more.svelte-1wpjcad{max-width:var(--content-max);margin-inline:auto}.intro.svelte-1wpjcad{margin-bottom:32px}.intro.svelte-1wpjcad h2{font-weight:var(--fw-display);font-size:var(--ms-display-xl);margin:0}.intro.svelte-1wpjcad p:where(.svelte-1wpjcad){max-width:52ch;font-weight:var(--fw-body);font-size:var(--ms-lead);color:var(--ink-on-light-dim);margin:14px 0 0;line-height:1.6}.examples.svelte-1wpjcad{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-block:40px 24px;display:grid}.examples.svelte-1wpjcad>button:where(.svelte-1wpjcad){border:0;border-bottom:2px solid var(--edge-12);color:var(--ink-on-light-dim);cursor:pointer;text-align:left;background:0 0;border-radius:0;flex-direction:column;align-items:start;gap:8px;padding:14px 0 18px;transition:color .18s,border-color .18s;display:flex}.examples.svelte-1wpjcad>button:where(.svelte-1wpjcad):hover,.examples.svelte-1wpjcad>button.active:where(.svelte-1wpjcad){color:var(--ink-on-light);border-color:var(--terrain-color)}.terrain-name.svelte-1wpjcad{font-family:var(--font-sans);letter-spacing:-.04em;align-items:center;gap:10px;font-size:clamp(20px,2.4vw,30px);font-weight:600;display:inline-flex}.terrain-name.svelte-1wpjcad svg:where(.svelte-1wpjcad){width:24px;height:24px;fill:var(--terrain-color);flex-shrink:0}.city.svelte-1wpjcad{color:var(--ink-on-light-dim);padding-left:34px;font-size:13px}.map-frame.svelte-1wpjcad{border-radius:var(--radius-panel);clip-path:inset(0 round var(--radius-panel));background:var(--edge-03);isolation:isolate;position:relative;overflow:hidden}.map-shell.svelte-1wpjcad{border-radius:var(--radius-panel);box-shadow:var(--shadow-frame)}.map.svelte-1wpjcad{width:100%;height:clamp(400px,54vw,620px)}.map.svelte-1wpjcad .maplibregl-cooperative-gesture-screen{display:none}.notice.svelte-1wpjcad{border-radius:var(--radius-control);background:var(--paper);color:var(--ink-primary);padding:14px 18px;position:absolute;top:24px;left:24px;right:70px}.notice.svelte-1wpjcad button:where(.svelte-1wpjcad){cursor:pointer;margin-left:10px;text-decoration:underline}.caption.svelte-1wpjcad{z-index:2;box-sizing:border-box;border-radius:var(--radius-card);background:var(--chip-ground);width:min(320px,100% - 96px);box-shadow:var(--shadow-loop-card);backdrop-filter:blur(8px);padding:14px 16px;position:absolute;top:16px;left:16px}.caption-head.svelte-1wpjcad{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.caption.svelte-1wpjcad h3:where(.svelte-1wpjcad){color:var(--ink-hero);font-size:1.05rem;font-weight:var(--fw-body-strong);letter-spacing:-.02em;margin:0;line-height:1.3}.caption.svelte-1wpjcad p:where(.svelte-1wpjcad){color:var(--ink-hero-body);font-size:var(--ms-caption);margin:4px 0 0;line-height:1.45}.distance.svelte-1wpjcad{color:var(--ink-hero);font-family:var(--font-hud);white-space:nowrap;flex-shrink:0;font-size:1.25rem;font-weight:600;line-height:1}.distance.svelte-1wpjcad>span:where(.svelte-1wpjcad){font-size:.8rem}.mode.svelte-1wpjcad{border:1.5px solid var(--terrain-color);color:var(--ink-hero);font-size:.8rem;font-weight:var(--fw-body-strong);border-radius:999px;align-items:center;gap:5px;margin-top:10px;padding:3px 10px;display:inline-flex}.mode.svelte-1wpjcad svg{width:1.1em;height:1.1em;color:var(--terrain-color)}.more.svelte-1wpjcad{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(32px,5vw,72px);margin-top:clamp(36px,4vw,56px);display:grid}.more.svelte-1wpjcad h3:where(.svelte-1wpjcad){font-family:var(--font-sans);font-weight:var(--fw-display);font-size:var(--ms-subhead);letter-spacing:-.03em;margin:0;line-height:1.2}.more.svelte-1wpjcad p:where(.svelte-1wpjcad){max-width:56ch;color:var(--ink-on-light-dim);font-size:var(--ms-body);text-wrap:pretty;margin:12px 0 0;line-height:1.75}.env.svelte-1wpjcad{white-space:nowrap;color:var(--ink-on-light);font-weight:var(--fw-body-strong)}.env.svelte-1wpjcad svg:where(.svelte-1wpjcad){vertical-align:-.16em;width:1.05em;height:1.05em;fill:var(--terrain-color);margin-right:.28em;display:inline}button.svelte-1wpjcad:focus-visible{outline:2px solid var(--purple-accent);outline-offset:4px}@media (width<=820px){.examples.svelte-1wpjcad{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin-top:28px}.map.svelte-1wpjcad{height:470px}.more.svelte-1wpjcad{grid-template-columns:1fr}.caption.svelte-1wpjcad{width:auto;top:12px;left:12px;right:56px}}@media (prefers-reduced-motion:reduce){.examples.svelte-1wpjcad>button:where(.svelte-1wpjcad){transition:none}}