.viewer{height:clamp(430px,68vh,900px);max-height:none;aspect-ratio:auto;background:#dfe5dc}.scene{transition:transform .25s ease;transform-origin:center}.scene img{object-fit:contain}.zone{fill:transparent;stroke-width:1.4;vector-effect:non-scaling-stroke}.zone:hover,.zone.active,.zone:focus{fill:#f8c65930;stroke:#ffe3a0;filter:drop-shadow(0 0 2px #edc36b)}@media(max-width:700px){.viewer{height:440px}.scene{right:auto}.viewcontrols span{font-size:12px}}
.maplabel{position:absolute;left:49.04%;top:36.68%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:5;animation:mapdrop .35s ease both}
.maplabel[hidden]{display:none}
.maplabel .label{background:#14231bce;color:#fff;padding:10px 18px;border-radius:5px;font-size:14px;font-weight:700;letter-spacing:.6px;white-space:nowrap;margin-bottom:7px;box-shadow:0 6px 18px #0005}
.maplabel .pin{position:relative;width:20px;height:20px;background:#e4071b;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 10px #0006}
.maplabel .pin::after{content:'';position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
@keyframes mapdrop{from{opacity:0;transform:translate(-50%,-140%)}to{opacity:1;transform:translate(-50%,-100%)}}
@media(max-width:700px){.maplabel .label{font-size:11px;padding:7px 12px}.maplabel .pin{width:16px;height:16px}}