.topbar-right { display:flex; align-items:flex-start; gap:10px; }
.mobile-minimap { position:relative; width:158px; height:158px; flex:none; }
.minimap-art { position:relative; width:198px; height:198px; transform:scale(.8); transform-origin:top left; overflow:hidden; font:14px Arial,sans-serif; }
.minimap-art canvas { position:absolute; left:4px; top:3px; width:190px; height:190px; border-radius:7px; }
.minimap-art i { position:absolute; background-repeat:no-repeat; pointer-events:none; }
.minimap-frame { inset:0; z-index:2; }
.minimap-name { position:absolute; top:4px; left:8px; width:182px; height:28px; text-align:center; line-height:28px; color:#fff5d7; background:#1c262bcc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 2px #000; z-index:3; }
.minimap-clock { position:absolute; right:36px; top:35px; color:#e4ecec; text-shadow:0 1px 2px #000; z-index:3; }
.minimap-sky { right:5px; top:31px; transform:scale(.6); transform-origin:top right; z-index:3; }
.minimap-player { z-index:3; }
.minimap-player[hidden] { display:none; }
.minimap-coords { position:absolute; right:9px; bottom:34px; color:#f5e4b0; text-shadow:0 1px 3px #000,0 0 2px #000; z-index:3; font-size:12px; }
.minimap-mode { position:absolute; bottom:4px; left:4px; width:190px; height:27px; line-height:27px; text-align:center; background:#182024df; color:#e3d0a6; z-index:3; pointer-events:none; }
.minimap-toggle { position:absolute; inset:3px 4px 4px; width:190px; height:191px; border:0; background:transparent; margin:0; padding:0; border-radius:6px; cursor: var(--cur-default), zoom-in; z-index:4; }
.minimap-toggle:hover { background:transparent; }
.minimap-toggle:focus-visible { outline:2px solid #f6d887; outline-offset:-3px; }
@media(max-width:540px) {
  .topbar #character-hud { width:222px; height:90px; }
  .topbar #character-hud .mobile-hud-art { transform:scale(.6); }
  .mobile-minimap { width:139px; height:139px; }
  .minimap-art { transform:scale(.7); }
}
@media(max-width:360px) {
  .topbar #character-hud { width:185px; height:74px; }
  .topbar #character-hud .mobile-hud-art { transform:scale(.5); }
  .mobile-minimap { width:129px; height:129px; }
  .minimap-art { transform:scale(.65); }
}