/* The minimap (top right, under the buttons) and the large map screen (minimap.js). */
#minimap{position:fixed;right:16px;top:calc(64px + env(safe-area-inset-top,0px));width:110px;height:110px;border-radius:12px;border:2px solid var(--hud-line);background:#12222c;box-shadow:0 4px 14px rgba(0,0,0,.3);cursor:pointer}
#minimap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#bigmap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(4,14,18,.6);z-index:20;padding:16px}
#bigmap[hidden]{display:none}
#bigmap .frame{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:14px;background:var(--hud);border:1px solid var(--hud-line);box-sizing:border-box;max-width:100%}
#bigmap b{font-size:16px;color:var(--gold)}
#bigmap canvas{width:min(78vmin,560px,calc(100vw - 56px));height:min(78vmin,560px,calc(100vw - 56px));border-radius:10px}
#bigmap span{font-size:12px;opacity:.75}
@media (max-width:420px){#minimap{width:92px;height:92px}}