.spin-hero-map{margin:0 0 34px;animation:spin-hero-rise .7s var(--spin-ease) both}.spin-hero-map-stage{position:relative;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--surface);box-shadow:0 20px 60px #0a1c1414;transition:box-shadow .45s var(--spin-ease),border-color .45s var(--spin-ease)}.spin-hero-map-stage:hover,.spin-hero-map-stage:focus-within{box-shadow:0 28px 80px #0a1c1429;border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.spin-hero-map-panel{display:grid;gap:20px;padding:26px 28px 24px;border-bottom:1px solid var(--line);background:var(--surface);animation:spin-hero-inner .6s var(--spin-ease) .1s both}.spin-hero-map-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.spin-hero-map-kicker{font-size:9px;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.spin-hero-map-panel h2{font-size:clamp(24px,2.2vw,30px);font-weight:430;letter-spacing:-1.2px;line-height:1.1;margin-bottom:10px}.spin-hero-map-sub{font-size:12px;line-height:1.7;color:var(--muted);max-width:560px}.spin-hero-map-stats{display:flex;align-items:center;gap:16px;font-size:10px;color:var(--muted);flex-shrink:0;padding-bottom:4px;white-space:nowrap}.spin-hero-map-stats b{font-family:IBM Plex Mono,monospace;font-weight:500;font-size:14px;color:var(--ink)}.spin-hero-map-stats span{display:inline-flex;align-items:center;gap:4px}.spin-hero-map-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spin-hero-map-cities{display:flex;gap:6px}.spin-hero-map-cities button{min-height:38px;padding:9px 14px;font-size:11px;border:1px solid var(--line);border-radius:2px;color:var(--muted);background:var(--surface)}.spin-hero-map-cities button[aria-pressed=true]{border-color:var(--accent);color:var(--surface);background:var(--accent)}.spin-hero-map-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);padding:4px 12px;border-radius:2px;color:var(--muted);flex:1;min-width:200px;max-width:360px}.spin-hero-map-search input{border:0;background:transparent;padding:7px 0;box-shadow:none;flex:1;min-width:0;font-size:13px}.spin-hero-map-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.spin-hero-map-play{background:var(--accent);color:var(--surface);font-size:12px;padding:12px 16px;border-radius:2px;gap:7px;min-height:42px;justify-content:center}.spin-hero-map-play:disabled{opacity:.5}.spin-hero-map-session{background:transparent;color:var(--ink);font-size:11px;padding:12px;border:1px solid var(--line);border-radius:2px;gap:6px;min-height:42px;justify-content:center}.spin-hero-map-session:hover{border-color:var(--accent);color:var(--accent)}.spin-hero-map-session:disabled{opacity:.5}.spin-hero-map-catalog{font-size:11px;color:var(--ink);gap:5px;padding:8px 6px;min-height:42px}.spin-hero-map-catalog:hover{color:var(--accent)}.spin-hero-map-canvas{position:relative}.spin-hero-map-canvas .spin-map-block{margin:0}.spin-hero-map-canvas .spin-map{height:540px;border:0;border-radius:0}.spin-hero-map-gps{position:absolute;right:20px;bottom:20px;z-index:403;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink);justify-content:center;box-shadow:0 6px 20px #0a1c1429;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media(max-width:860px){.spin-hero-map{margin-bottom:30px;margin-left:-21px;margin-right:-21px}.spin-hero-map-stage{border-radius:0;border-left:0;border-right:0;box-shadow:none}.spin-hero-map-panel{padding:22px 20px 18px;gap:16px}.spin-hero-map-panel-head{flex-direction:column;align-items:flex-start;gap:14px}.spin-hero-map-panel h2{font-size:26px}.spin-hero-map-stats{white-space:nowrap}.spin-hero-map-controls{gap:10px}.spin-hero-map-cities{width:100%}.spin-hero-map-cities button{flex:1}.spin-hero-map-search{max-width:none;min-width:0;flex:1 1 100%;order:2}.spin-hero-map-actions{margin-left:0;order:3}.spin-hero-map-canvas .spin-map{height:50vh;min-height:340px;max-height:520px}.spin-hero-map-gps{display:none}}@keyframes spin-hero-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-hero-inner{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.spin-hero-map,.spin-hero-map-panel{animation:none}.spin-hero-map-stage{transition:none}.spin-hero-map-stage:hover,.spin-hero-map-stage:focus-within{box-shadow:0 20px 60px #0a1c1414;border-color:var(--line)}}