.audience-map{margin:24px 0;padding:24px;border:1px solid #3b333a;border-radius:18px;background:linear-gradient(140deg,#1d1a23,#12171e);color:#f6f2f1;min-width:0}
.audience-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.audience-map-head small{color:#ff9d87;font-size:10px;font-weight:800;letter-spacing:.14em}.audience-map-head h2{margin:5px 0 0;font-size:clamp(22px,3vw,32px);line-height:1.15}.audience-map-head button{flex-shrink:0;min-height:44px}
.audience-map-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.audience-map-facts>div{padding:12px 0;border-top:1px solid #49404a}.audience-map-facts strong{display:block;font-size:30px;line-height:1.2}.audience-map-facts span{display:block;font-size:12px;color:#c9c5ce;margin-top:5px;overflow-wrap:anywhere}
.audience-map-toolbar{display:flex;gap:6px;justify-content:flex-end;margin:0 0 8px}.audience-map-toolbar button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #4e4652;border-radius:9px;background:#25232d;color:inherit;font:inherit;cursor:pointer}.audience-map-toolbar button:disabled{opacity:.4;cursor:default}
.audience-map-viewport{overflow:auto;max-height:400px;border:1px solid #353743;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#253240,#131b27);overscroll-behavior:contain;scrollbar-color:#7b777f #19212b}.audience-map-layer{position:relative;aspect-ratio:2/1;min-height:140px}.audience-map-layer svg{display:block;width:100%;height:100%}.audience-map-layer path{fill:#455361;stroke:#1b2733;stroke-width:.45;vector-effect:non-scaling-stroke;transition:fill .3s}.audience-map-layer path.is-connected{fill:#ba715f}.audience-map-layer path.is-selected{fill:#ffad88}
.audience-map-pins{position:absolute;inset:0;pointer-events:none}.audience-map-pin{position:absolute;transform:translate(-50%,-65%);display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:4px;border:1px solid #ffb098;border-radius:10px;background:#201d27f0;color:#fff;box-shadow:0 3px 14px #0008;cursor:pointer;pointer-events:auto;font:inherit;font-weight:700;font-size:12px;line-height:1.1;z-index:1}.audience-map-pin:hover,.audience-map-pin[aria-pressed=true]{z-index:3;background:#5c302d}.audience-map-pin img{width:20px;height:15px;object-fit:contain}.audience-map-pin strong{font-size:12px}
.audience-map-countries{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.audience-map-country{display:flex;align-items:center;gap:9px;min-height:44px;max-width:100%;padding:9px 12px;border:1px solid #55464c;border-radius:10px;background:#27232c;color:inherit;cursor:pointer;font:inherit;font-size:13px}.audience-map-country span{overflow-wrap:anywhere}.audience-map-country img{object-fit:contain;flex-shrink:0}.audience-map-country strong{margin-left:5px;color:#ffb098}.audience-map-country[aria-pressed=true]{border-color:#ffae95;background:#443033}
.audience-map-message{font-size:14px;line-height:1.5;color:#e8d9d6;margin:14px 0 0}.audience-map-selection{font-size:14px;min-height:0}.audience-map-selection:empty{display:none}.audience-map-updated{font-size:12px;color:#b8c6d2;margin-top:18px}.audience-map-note,.audience-map-source{font-size:12px;line-height:1.5;color:#b9b5c0;margin:8px 0 0}.audience-map-source a{color:#efb7a5;text-decoration:underline}.audience-map button:focus-visible{outline:3px solid #ffd5bc;outline-offset:3px}
@media(max-width:600px){.audience-map{padding:15px;border-radius:12px}.audience-map-head{align-items:flex-start}.audience-map-head h2{font-size:23px}.audience-map-head button{padding:8px;font-size:12px}.audience-map-facts{gap:9px;margin:18px 0 10px}.audience-map-facts strong{font-size:27px}.audience-map-facts span{font-size:11px}.audience-map-pin{gap:2px;padding:3px;min-width:40px;min-height:40px}.audience-map-country{font-size:12px}}
@media(prefers-reduced-motion:reduce){.audience-map-layer path{transition:none}}