.card.svelte-1op5hpy{transition:transform .2s ease,box-shadow .2s ease}.card.svelte-1op5hpy:hover{transform:rotate(1deg) translateY(-2px)}.card.svelte-1op5hpy:nth-child(2n):hover{transform:rotate(-1deg) translateY(-2px)}.surfable-badge.svelte-1op5hpy{animation:svelte-1op5hpy-heartbeat 2.8s ease-in-out infinite}@keyframes svelte-1op5hpy-heartbeat{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}.chip.svelte-m9tjun{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.03em;white-space:nowrap;cursor:pointer;border:2px solid transparent;box-shadow:1px 1px #0000002e;transition:box-shadow 80ms ease,transform 80ms ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:rotate(-1.5deg)}.chip.svelte-m9tjun:nth-child(2n){transform:rotate(1deg)}.chip.svelte-m9tjun:nth-child(3n){transform:rotate(-.5deg)}.chip.svelte-m9tjun:hover{box-shadow:1px 1px #00000040;transform:rotate(0) scale(1.05)}.chip.svelte-m9tjun:active{box-shadow:none;transform:rotate(0) scale(.97)}.chip-off.svelte-m9tjun{background:var(--card-bg);color:#111827}.chip-europe.svelte-m9tjun{background:#f6ae2d;color:#111827}.chip-asia.svelte-m9tjun{background:#ee6352;color:#111827}.chip-america.svelte-m9tjun{background:#36558f;color:#fff}.chip-other.svelte-m9tjun{background:#a7f3d0;color:#111827}.chip-idle-state.svelte-m9tjun{opacity:1}.chip-active-state.svelte-m9tjun{opacity:1;border:2px solid rgba(0,0,0,.6);box-shadow:3px 3px #0000004d;transform:rotate(0) scale(1.09)}.chip-beginner.svelte-m9tjun{background:#f6ae2d;color:#111827}.chip-intermediate.svelte-m9tjun{background:#ee6352;color:#111827}.chip-expert.svelte-m9tjun{background:#36558f;color:#fff}.chip-surfable.svelte-m9tjun{background:#a7f3d0;color:#111827}.dark .chip.svelte-m9tjun{border-color:transparent;box-shadow:1px 1px #ffffff26;color:#e5e7eb}.dark .chip.svelte-m9tjun:hover{box-shadow:1px 1px #ffffff40}.dark .chip.svelte-m9tjun:active{box-shadow:none}.dark .chip-active-state.svelte-m9tjun{border:2px solid rgba(255,255,255,.75);box-shadow:3px 3px #00000073}.dark .chip-off.svelte-m9tjun{background:#1f2937}.dark .chip-europe.svelte-m9tjun{background:#c48a1e;color:#111827}.dark .chip-asia.svelte-m9tjun{background:#c44e3e;color:#fff}.dark .chip-america.svelte-m9tjun{background:#2a4270;color:#fff}.dark .chip-other.svelte-m9tjun{background:#064e3b;color:#d1fae5}.dark .chip-beginner.svelte-m9tjun{background:#c48a1e;color:#111827}.dark .chip-intermediate.svelte-m9tjun{background:#c44e3e;color:#fff}.dark .chip-expert.svelte-m9tjun{background:#2a4270;color:#fff}.dark .chip-surfable.svelte-m9tjun{background:#064e3b;color:#d1fae5}.label-wrap.svelte-1hxmed6{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px;gap:3px;padding:0 4px}.label-tag.svelte-1hxmed6{font-family:Winky Rough,sans-serif;font-size:26px;font-weight:900;letter-spacing:-.02em;color:#111827;transform:rotate(-1deg);display:inline-block}.dark .label-tag.svelte-1hxmed6{color:#f9fafb}.label-wave.svelte-1hxmed6{width:120px;height:14px;color:#f6ae2d}.carousel-outer.svelte-1hxmed6{position:relative;width:100vw;left:50%;transform:translate(-50%);display:flex;align-items:center}.carousel-wrap.svelte-1hxmed6{overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;flex:1}.carousel-wrap.svelte-1hxmed6::-webkit-scrollbar{display:none}.carousel-track.svelte-1hxmed6{display:flex;gap:18px;width:-moz-max-content;width:max-content;padding:12px 24px 20px}.nav-btn.svelte-1hxmed6{flex-shrink:0;z-index:10;width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.12);background:var(--card-bg, #fff);color:#374151;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #0000001a;transition:transform .12s ease,box-shadow .12s ease;margin:0 6px}.nav-btn.svelte-1hxmed6:hover{transform:scale(1.1);box-shadow:3px 3px #00000026}.dark .nav-btn.svelte-1hxmed6{background:#1f2937;color:#f9fafb;border-color:#ffffff1f;box-shadow:2px 2px #ffffff0f}.spot-card.svelte-1hxmed6{flex-shrink:0;width:clamp(160px,38vw,212px);background:var(--card-bg);border-radius:14px;overflow:hidden;text-decoration:none;display:block;box-shadow:3px 3px #0000001f;transition:transform .18s ease,box-shadow .18s ease;border-top:4px solid var(--accent, #f6ae2d)}.spot-card.svelte-1hxmed6:nth-child(6n+1){transform:rotate(-1.2deg)}.spot-card.svelte-1hxmed6:nth-child(6n+2){transform:rotate(.8deg)}.spot-card.svelte-1hxmed6:nth-child(6n+3){transform:rotate(-.5deg)}.spot-card.svelte-1hxmed6:nth-child(6n+4){transform:rotate(1.4deg)}.spot-card.svelte-1hxmed6:nth-child(6n+5){transform:rotate(-.9deg)}.spot-card.svelte-1hxmed6:nth-child(6n+6){transform:rotate(.4deg)}.spot-card.svelte-1hxmed6:hover{transform:rotate(0) translateY(-5px) scale(1.02);box-shadow:5px 5px #00000029}.dark .spot-card.svelte-1hxmed6{background:#1f2937;box-shadow:3px 3px #ffffff12}.photo-wrap.svelte-1hxmed6{position:relative;height:clamp(100px,22vw,140px);overflow:hidden}.photo.svelte-1hxmed6{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.rank-badge.svelte-1hxmed6{position:absolute;top:7px;left:7px;font-family:Winky Rough,sans-serif;font-size:13px;font-weight:900;line-height:1;padding:3px 7px;border-radius:6px;box-shadow:1px 1px #0003;letter-spacing:-.02em}.rating-badge.svelte-1hxmed6{position:absolute;bottom:6px;left:6px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:2px 7px;border-radius:999px}.surfable-dot.svelte-1hxmed6{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#fff;border:1.5px solid white}.info.svelte-1hxmed6{padding:8px 10px 10px}.spot-name.svelte-1hxmed6{font-family:Winky Rough,sans-serif;font-size:13px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.dark .spot-name.svelte-1hxmed6{color:#f9fafb}.bars.svelte-1hxmed6{display:flex;gap:2px;margin-bottom:4px}.bar.svelte-1hxmed6{height:3px;flex:1;border-radius:999px}.two-col.svelte-1hxmed6{display:grid;grid-template-columns:1fr 1fr;gap:0 6px}.meta-col.svelte-1hxmed6{display:flex;flex-direction:column;gap:2px}.meta-item.svelte-1hxmed6{font-size:11px;color:#6b7280;white-space:nowrap}.dark .meta-item.svelte-1hxmed6{color:#9ca3af}