.map-disclaimer{padding:15px 20px;border-left:4px solid #ffb86c;background:#332735;margin:24px 0;border-radius:9px;color:#fbe7e8}.map-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.map-controls .field{background:#211a2d;color:white;border:1px solid #674c6f;border-radius:9px;padding:13px 15px;flex:1;min-width:180px}.map-controls .btn{white-space:nowrap}.map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.75fr);gap:20px;align-items:stretch}.map-canvas{position:relative;aspect-ratio:800/730;background:#183e52;border:1px solid #756281;border-radius:18px;overflow:hidden;box-shadow:0 18px 52px #0004}.map-canvas>img{width:100%;height:100%;object-fit:contain}.map-pins{position:absolute;inset:0}.map-pin{position:absolute;transform:translate(-50%,-50%);z-index:1;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:76px;background:transparent;border:0;color:white;text-align:center;text-shadow:0 2px 5px #0d1929;font-size:clamp(9px,1.1vw,13px);font-weight:800}.map-pin:before{content:'';width:19px;height:19px;border-radius:50%;background:#ff6cb2;border:4px solid #fff4fe;box-shadow:0 0 0 6px #ff72b433,0 3px 8px #000a}.map-pin.selected:before,.map-pin:hover:before{background:#ffb86c;box-shadow:0 0 0 9px #ffb86c55}.map-pin span{max-width:100px;background:#140e20b5;border:1px solid #ffffff50;border-radius:6px;padding:2px 5px}.map-pin.hidden,.map-region-card.hidden{display:none}.map-credit{position:absolute;bottom:6px;left:6px;right:6px;padding:7px 10px;background:#0a1527c4;border-radius:7px;text-align:center;font-size:11px;color:#d3edf7}.map-aside{padding:26px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(150deg,#2b1c3b,#171525)}.map-aside h2{font-size:37px}.map-aside p{color:var(--sub)}.map-aside ul{padding-left:20px;color:#e8d9e4}.map-aside li{margin:7px 0}.map-aside .btn{margin-top:14px}.map-list{margin-top:20px}.map-region-card{cursor:pointer;text-align:left;color:inherit;background:#241b31;border:1px solid var(--line);border-radius:13px;padding:22px}.map-region-card:hover,.map-region-card.selected{border-color:#ff8db9;background:#34233e}.map-region-card h3{font-size:26px}.map-region-card p{font-size:14px;color:var(--sub)}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}@media(max-width:850px){.map-layout{grid-template-columns:1fr}.map-aside{padding:20px}}@media(max-width:560px){.map-pin{font-size:9px;min-width:55px}.map-pin span{max-width:70px;padding:2px}.map-pin:before{width:13px;height:13px;border-width:3px}.map-controls{flex-direction:column;align-items:stretch}.map-controls .field{width:100%;min-width:0}.map-disclaimer{font-size:13px}}