.minimap{position:relative}
.minimap .expand-area-map{position:absolute;right:7px;top:7px;width:32px;height:32px;padding:0;border:1px solid #c5ad76;border-radius:6px;background:#102528e8;color:#f8dea0;font-size:23px;line-height:1;cursor:pointer;z-index:2}
.minimap .expand-area-map:hover{background:#33534e;color:#fff}
.area-map-dialog{box-sizing:border-box;width:min(1100px,94vw);height:min(800px,88dvh);max-width:94vw;max-height:88dvh;padding:18px;border:1px solid #c8aa6a;border-radius:12px;background:#102329;color:#f1ddb0;box-shadow:0 18px 70px #0009}
.area-map-dialog[open]{display:flex;flex-direction:column;gap:12px}
.area-map-dialog::backdrop{background:#061216a8}
.area-map-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.area-map-dialog header small{letter-spacing:.18em;font-size:10px;color:#bd9d60}
.area-map-dialog h2{margin:4px 0 0;font:600 24px Georgia,serif}
.area-map-dialog header button{width:38px;height:38px;border:1px solid #938164;border-radius:6px;color:#fff1d0;background:#263c3d;font-size:26px;cursor:pointer}
.area-map-dialog canvas{display:block;width:100%;min-height:0;flex:1;border-radius:6px;background:#304b42}
.area-map-dialog footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#c0cbc5;font:12px Arial,sans-serif}
@media(max-width:600px){.area-map-dialog{padding:12px;gap:8px}.area-map-dialog footer{font-size:10px}.area-map-dialog h2{font-size:20px}}