/* Generated case is nine-sliced independently of the live map and labels. */
#game #minimap-panel{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);padding:6px;border:0;border-radius:3px;background:#1c1d19!important;box-shadow:0 3px 8px #0006;color:#e8e0ce}
#game #minimap-panel::before{inset:0;opacity:1;background:none;border:6px solid transparent;border-image:url('../public/assets/hud-minimap-case-v1.webp') 44 fill / 6px / 0 stretch}
#game #minimap-panel header{height:30px;padding:0 6px;gap:6px;border:0}
#game #minimap-panel header .hud-icon{display:block;flex:none;width:14px;height:14px;color:#b2a27d;opacity:.85}
#game #minimap-panel #zone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px/1.4 system-ui;color:#eee6d4;text-shadow:0 1px #000}
#game #minimap-panel #online{flex:none;color:#ada99a;font-size:11px}
#game #minimap-panel .minimap-viewport{margin:3px 2px 4px;border:1px solid #111914;background:#18221d;box-shadow:0 1px #a3905a30,inset 0 0 0 1px #0006}
#game #minimap-panel #minimap{height:78px}
#game #minimap-panel :is(#channel-btn,#map-btn){height:34px;min-height:34px;min-width:0;width:auto;margin:0;padding:0 6px;background:none!important;font:12px/1.4 system-ui;color:#d7ccb1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#game #minimap-panel #channel-btn{text-align:center;border:0}
#game #minimap-panel #map-btn{justify-content:center;gap:6px;border:0;border-left:1px solid #81735455}
#game #minimap-panel #map-btn>span:first-child{margin:0}
#game #minimap-panel #map-btn kbd{color:#a89c80}
#game #minimap-panel :is(#channel-btn,#map-btn):hover{background:#c1a87519!important;color:#fff1cc}
#game #minimap-panel :is(#channel-btn,#map-btn):focus-visible{outline:1px solid #d4be85;outline-offset:-3px}
.gamepad #game #minimap-panel{padding:calc(5px * var(--inverse-ui-scale))}
.gamepad #game #minimap-panel::before{border-image-width:calc(5px * var(--inverse-ui-scale))}
.gamepad #game #minimap-panel header{height:calc(23px * var(--inverse-ui-scale));padding:0 calc(3px * var(--inverse-ui-scale));gap:calc(4px * var(--inverse-ui-scale))}
.gamepad #game #minimap-panel header .hud-icon{display:none}
.gamepad #game #minimap-panel #zone{font-size:calc(11px * var(--inverse-ui-scale))}
.gamepad #game #minimap-panel #online{font-size:calc(10px * var(--inverse-ui-scale))}
.gamepad #game #minimap-panel .minimap-viewport{margin:calc(3px * var(--inverse-ui-scale)) 0 calc(2px * var(--inverse-ui-scale))}
.gamepad #game #minimap-panel #minimap{height:calc(clamp(28px,calc(34 * var(--mobile-unit)),38px) * var(--inverse-ui-scale))}
.gamepad #game #minimap-panel :is(#channel-btn,#map-btn){height:calc(32px * var(--inverse-ui-scale));min-height:0;padding:0 calc(3px * var(--inverse-ui-scale));font-size:calc(11px * var(--inverse-ui-scale))}