.zone-shell{--zone-ink:var(--bg-deep,#060810);--zone-mid:#132037;--zone-panel:color-mix(in srgb, var(--bg-slate,#0f172a) 95%, transparent);background:var(--zone-ink);width:100%;min-height:calc(100vh - 4rem);position:relative;overflow:hidden}.zone-map-plane{cursor:crosshair;background:radial-gradient(ellipse 80% 60% at 50% 40%, var(--zone-mid) 0%, var(--zone-ink) 70%), repeating-linear-gradient(0deg, transparent, transparent 47px, #d4af370a 48px), repeating-linear-gradient(90deg, transparent, transparent 47px, #10b98108 48px);position:absolute;inset:0}.zone-map-veil{pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--zone-ink) 50%, transparent), transparent, color-mix(in srgb, var(--zone-ink) 90%, transparent));position:absolute;inset:0}.zone-pin{pointer-events:none;z-index:10;background:var(--success);width:.75rem;height:.75rem;box-shadow:0 0 20px color-mix(in srgb, var(--success) 80%, transparent);border-radius:9999px;position:absolute;transform:translate(-50%,-50%)}.zone-compose-card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-slate) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:.75rem;box-shadow:0 20px 60px #00000073}@media (min-width:768px){.zone-compose-card{padding:1rem}}.zone-result-card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-slate) 95%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:1.25rem;box-shadow:0 24px 80px #00000080}.zone-maplibre{width:100%;height:100%;position:absolute;inset:0}.zone-map-pin{background:var(--success);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 35%, transparent), 0 0 18px color-mix(in srgb, var(--success) 70%, transparent);border-radius:9999px;animation:1.6s ease-out infinite zone-pin-pulse}@keyframes zone-pin-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.45;transform:scale(1.55)}to{opacity:1;transform:scale(1)}}.zone-maplibre .maplibregl-ctrl-group{background:color-mix(in srgb, var(--bg-slate) 90%, transparent);border:1px solid var(--border)}.zone-maplibre .maplibregl-ctrl button{filter:invert(.85)}.zone-embed-cta{border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--gold);border-radius:.75rem;margin-top:.75rem;padding:.55rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.zone-embed-cta:hover{background:color-mix(in srgb, var(--gold) 20%, transparent)}