.mapViewport{max-width:100%;overflow-x:auto;border:1px solid #6b5538;border-radius:10px;background:#241a10}.desertMap.imageMap{position:relative;display:block;width:100%;min-width:900px;aspect-ratio:1246/1260;padding:0;border:0;border-radius:0;background:url('desert-map.png') center/cover no-repeat}.imageMap .mapBuilding{position:absolute;width:19%;min-height:0;padding:7px;background:#101614e8;border:1px solid #d4a154;border-radius:7px;box-shadow:0 6px 16px #0008;transform:translate(-50%,-50%);z-index:2}.imageMap .mapBuilding>strong{display:block;margin:0 0 5px;text-align:center;color:#fff5d8;font-size:11px}.imageMap .mapAssign{margin:4px 0}.imageMap .mapAssign select{min-height:30px;padding:4px;font-size:10px}.imageMap .mapAssign button{min-height:30px;padding:4px 6px;font-size:10px}.imageMap .assignedPlayers{min-height:20px;padding-top:4px;text-align:center}.imageMap .playerChip{font-size:9px;padding:3px 5px}.imageMap .emptyAssignment{font-size:9px}
.mapPos0{left:34%;top:20%}.mapPos1{left:67%;top:20%}.mapPos2{left:20%;top:38%}.mapPos3{left:80%;top:39%}.mapPos4{left:17%;top:62%}.mapPos5{left:82%;top:64%}.mapPos6{left:28%;top:90%}.mapPos7{left:72%;top:90%}
@media(max-width:700px){.desertMap.imageMap{min-width:820px}.mapViewport:after{content:'<  Karte seitlich verschieben  >';position:sticky;left:12px;display:inline-block;margin:8px;padding:5px 9px;background:#101614dd;color:#fff;border-radius:5px;font-size:11px}html[lang=en] .mapViewport:after{content:'<  Move map sideways  >'}}