.map-panel{width:234px;padding:12px;border-color:#b89d6380;border-radius:12px;background:linear-gradient(150deg,#243c32f5,#142820f2);box-shadow:0 10px 28px #07130f55,inset 0 1px #ddc79a1c}
.map-heading{font-size:8px;color:#c8d2b7;letter-spacing:.65px}.map-heading>span:last-child{font-size:7px;letter-spacing:1.4px}
#map-button{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:50%;margin:8px 0 2px}#map-button:focus-visible{outline:2px solid #edca7f;outline-offset:2px}#minimap{display:block;width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(0 3px 4px #0b180d55)}
.map-legend{display:flex;align-items:center;justify-content:center;gap:13px;padding:4px 0 9px;color:#c3d0b4;font-size:8px}.map-legend span{display:flex;align-items:center;gap:4px}.map-legend i{width:5px;height:5px;border-radius:50%;display:inline-block;border:1px solid #ffffff44}.map-you{background:#ffdd89}.map-ally{background:#a6e3ee}.map-threat{background:#ed8774}
#waypoint-label{padding:9px 1px 3px;border-top:1px solid #c3b6892b;font-size:8px;line-height:1.6;color:#ebd199;overflow-wrap:anywhere}.map-footer{justify-content:flex-start;gap:6px;padding-top:6px;line-height:1.5;font-size:7px;letter-spacing:.5px}
@media(max-width:1100px){.map-panel{width:214px}}
@media(max-width:760px){.map-panel{width:159px;padding:8px;top:200px;right:12px;border-radius:8px}.map-heading{font-size:6px}.map-heading>span:last-child{font-size:6px;letter-spacing:.3px}.map-legend{font-size:6px;gap:7px;padding-bottom:6px}.map-legend i{width:4px;height:4px}#waypoint-label{font-size:7px}.map-footer{font-size:6px}}