.skate-park-map.svelte-1n6two4{position:relative;width:100%;height:clamp(360px,60vh,620px);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl)}.skate-park-map__container.svelte-1n6two4{width:100%;height:100%}.skate-park-map__search.svelte-1n6two4{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:360px;padding:8px;border:1px solid color-mix(in srgb,var(--ink) 14%,var(--line));border-radius:14px;background:color-mix(in srgb,#000 55%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.skate-park-map__search.svelte-1n6two4 input:where(.svelte-1n6two4){flex:1 1 auto;min-width:0;border:0;background:none;padding:6px 8px;color:var(--ink);font:inherit;outline:none}.skate-park-map__search.svelte-1n6two4 input:where(.svelte-1n6two4)::placeholder{color:var(--muted-2)}.skate-park-map__search.svelte-1n6two4 button:where(.svelte-1n6two4){display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:0;border-radius:10px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--ink);cursor:pointer}.skate-park-map__search.svelte-1n6two4 button:where(.svelte-1n6two4) svg:where(.svelte-1n6two4){width:16px;height:16px}.skate-park-map__search-status.svelte-1n6two4{flex-basis:100%;margin:0;color:var(--muted-2);font-size:11px}.skate-park-map__hint.svelte-1n6two4{position:absolute;top:62px;left:12px;right:12px;z-index:2;max-width:360px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#ff9d4d 24%,#000 55%);color:var(--ink);text-align:center}.skate-park-map__spot-search.svelte-1n6two4{width:100%;margin-top:8px;border-radius:10px;overflow:hidden}.skate-park-map__spot-search-error.svelte-1n6two4{margin:8px 0 0;color:#ffd7d7;font-size:11px}.skate-park-map__hint.svelte-1n6two4 p:where(.svelte-1n6two4){margin:0}.skate-park-map__overlay.svelte-1n6two4{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,#000 60%,transparent);text-align:center;pointer-events:none}.skate-park-map__overlay--empty.svelte-1n6two4{background:color-mix(in srgb,#000 40%,transparent)}.skate-park-panel.svelte-1n6two4,.skate-spot-form.svelte-1n6two4{position:absolute;right:12px;bottom:12px;left:12px;z-index:3;display:grid;gap:8px;padding:16px;max-width:360px;max-height:calc(100% - 24px);overflow-y:auto;border:1px solid color-mix(in srgb,var(--ink) 14%,var(--line));border-radius:14px;background:color-mix(in srgb,#000 55%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.skate-park-panel__name.svelte-1n6two4{margin:0}.skate-park-panel__close.svelte-1n6two4,.skate-spot-form__close.svelte-1n6two4{position:absolute;top:10px;right:12px;color:var(--muted-2);font-size:20px;line-height:1}.skate-park-panel__directions.svelte-1n6two4{justify-self:start;margin-top:4px}.skate-spot-panel__meta.svelte-1n6two4{margin:0;color:var(--muted-2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.skate-spot-panel__photo.svelte-1n6two4{width:100%;border-radius:10px;object-fit:cover;max-height:160px}.skate-spot-panel__report-trigger.svelte-1n6two4{justify-self:start;color:var(--muted-2);font-size:11px;text-decoration:underline}.skate-spot-panel__report-form.svelte-1n6two4{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.skate-spot-panel__select.svelte-1n6two4{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:color-mix(in srgb,#000 30%,transparent);color:var(--ink);font:inherit}.skate-spot-form__fields.svelte-1n6two4{display:grid;gap:10px}.skate-spot-form__label.svelte-1n6two4{display:grid;gap:4px;font-size:12px;font-weight:800;color:var(--muted-2)}.skate-spot-form__label.svelte-1n6two4 input:where(.svelte-1n6two4),.skate-spot-form__label.svelte-1n6two4 textarea:where(.svelte-1n6two4){border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,#000 30%,transparent);color:var(--ink);font:inherit;resize:vertical}.skate-spot-form__preview.svelte-1n6two4{width:100%;border-radius:10px;object-fit:cover;max-height:140px}.skate-spot-form__error.svelte-1n6two4{margin:0;color:color-mix(in srgb,#ff6b6b 82%,var(--ink));font-size:12px}@media(min-width:640px){.skate-park-panel.svelte-1n6two4,.skate-spot-form.svelte-1n6two4{right:auto;left:16px;bottom:16px}}@media(min-width:1152px){.hero__surface.svelte-1vlutxk{margin-inline:-16px;width:calc(100% + 32px)}}