.map-explorer{font:15px/1.5 system-ui,sans-serif;color:#e6edf0;background:#09131b;max-width:2000px;margin:auto;--map-gold:#d4bc83}
.map-explorer *{box-sizing:border-box}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;border-bottom:1px solid #3b4244;background:linear-gradient(110deg,#142632,#0b1822)}
.map-back{color:var(--map-gold);font-size:12px;text-decoration:none;letter-spacing:.09em}.map-heading h1{font:normal 30px Georgia,serif;margin:3px 0 0;color:#faf3de}
.map-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.map-controls label{display:grid;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#a9bcc7}
.map-explorer button,.map-explorer select{font:14px system-ui,sans-serif;color:#e6edf0;border:1px solid #53616a;border-radius:5px;background:#172b38;padding:10px;cursor:pointer}.map-explorer select{max-width:210px}.map-explorer button:hover{background:#294352}.map-explorer button:disabled{opacity:.4;cursor:default}
.map-explorer :focus-visible{outline:2px solid #f5d893;outline-offset:3px}
#map-viewport{position:relative;width:100%;height:calc(100dvh - 160px);min-height:420px;overflow:hidden;background:#061018;touch-action:none;cursor:grab;isolation:isolate}#map-viewport.dragging{cursor:grabbing}
#map-canvas,#map-labels{position:absolute;inset:0;width:100%;height:100%}#map-labels{pointer-events:none;overflow:hidden}.map-city{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font:bold 17px Georgia,serif;letter-spacing:.025em;color:#fff1c6;text-shadow:0 2px 3px #000,0 -1px 3px #000,2px 0 3px #000,-2px 0 3px #000;padding:4px 9px;background:radial-gradient(ellipse,#0610189e,transparent 70%)}
.map-zoom{position:absolute;top:18px;left:18px;display:grid;gap:5px}.map-zoom button{width:42px;height:42px;padding:0;font-size:26px;background:#102331eb}
#map-status{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#102331ee;border:1px solid #53616a;border-radius:6px;padding:10px 16px;margin:0;text-align:center;max-width:90%;pointer-events:none}#map-status:empty{display:none}
#map-scale{position:absolute;right:20px;bottom:20px;border-bottom:2px solid #e6edf0;text-align:center;font-size:11px;text-shadow:0 1px 3px #000;pointer-events:none}.map-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 28px;color:#9fb3c0;font-size:12px}.map-error{padding:20px}
@media(max-width:650px){.map-heading{padding:15px;gap:12px;align-items:start;flex-direction:column}.map-heading h1{font-size:25px}.map-controls{gap:8px;width:100%}.map-controls label:first-child{flex:1}.map-explorer select{max-width:100%;width:100%}.map-controls button,.map-controls select{padding:8px;font-size:12px}#map-viewport{height:calc(100dvh - 224px);min-height:340px}.map-footer{padding:10px 15px}.map-footer output{display:none}.map-city{font-size:14px}}