.map-container{position:relative;width:min(640px,max(300px,80vw));aspect-ratio:2/1;margin-top:32px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.5);border:2px solid var(--primary-light);background:#1a2e2e;z-index:1}#map{position:relative;width:100%;height:100%;display:block}#map svg{width:100%;height:100%;display:block}.country{fill:#556e6e;stroke:#3d5e5e;stroke-width:.6;vector-effect:non-scaling-stroke;transition:fill .3s ease}.country:hover{fill:#6a8484}.country.colored{fill:var(--accent-red);stroke:#8b1a2b;cursor:pointer}.country.colored:hover{fill:#d9304a;stroke:#a52035;stroke-width:1.2}.graticule{fill:none;stroke:#4a6666;stroke-width:.6;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.outline{fill:none;stroke:#5fb3b3;stroke-width:.8;vector-effect:non-scaling-stroke}.pin{transition:transform .2s ease}.pin-label{text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(95,179,179,.8),-1px 0 0 rgba(31,54,54,.95),1px 0 0 rgba(31,54,54,.95),0 -1px 0 rgba(31,54,54,.95),0 1px 0 rgba(31,54,54,.95)}.map-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-green);z-index:1000;transition:opacity .3s ease}.map-loading.hidden{opacity:0;pointer-events:none}.map-loading-spinner{font-size:48px;color:var(--accent-teal);animation:map-spin 2s linear infinite}@keyframes map-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:375px) and (max-height:667px){.map-container{width:min(320px,90vw);margin-top:20px;border-radius:12px}}@media (min-width:375px) and (max-width:375px) and (min-height:812px){.map-container{width:min(340px,85vw);margin-top:24px}}@media (min-width:390px) and (max-width:390px) and (min-height:844px){.map-container{width:min(360px,85vw)}}@media (min-width:393px) and (max-width:393px) and (min-height:852px){.map-container{width:min(370px,85vw)}}@media (min-width:402px) and (max-width:402px) and (min-height:874px){.map-container{width:min(380px,85vw)}}