.map-board{margin-bottom:18px}.map-surface{height:330px;position:relative;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#e1e9e2 25%,#f4f7f3 25%,#f4f7f3 50%,#e1e9e2 50%,#e1e9e2 75%,#f4f7f3 75%);background-size:32px 32px}.map-river,.map-route{position:absolute;display:block}.map-river{height:68px;width:130%;background:#aee1ef;left:-15%;top:48%;transform:rotate(-16deg);border-block:4px solid #fff}.map-route{height:38px;width:120%;left:-10%;top:30%;background:#fff;border:1px solid #dbe2dd;transform:rotate(28deg)}.route-two{top:58%;left:-22%;transform:rotate(-54deg)}.map-point,.map-landmark,.map-you{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center}.map-point{width:32px;height:32px;border-radius:50%;background:#f4c95d;color:#123d35;font-weight:900;box-shadow:0 0 0 5px rgba(244,201,93,.23)}.map-point.is-claimed{background:#8fa29a;color:#fff;box-shadow:none}.map-landmark{width:28px;height:28px;border-radius:8px;background:#19a974;color:#fff;font-size:15px}.map-you{width:33px;height:33px;border-radius:50%;background:#123d35;color:#fff;font-size:10px;box-shadow:0 0 0 5px rgba(23,34,31,.18)}