/* v1.8.8: compact two-row mobile HUD, consistent in every world.
   Earlier style used space-between inside a 107/134px tall header; this
   created a large, misleading blank band between the top and lower icons. */
@media(max-width:700px){
 body.mobile-game, body { --hud-height: 86px; }
 html[data-world="craft"] body { --hud-height: 86px; }
 #compactHud {
   box-sizing:border-box!important;
   display:flex!important;
   flex-direction:column!important;
   justify-content:flex-start!important;
   align-content:stretch!important;
   gap:5px!important;
   height:calc(var(--hud-height) + env(safe-area-inset-top))!important;
   padding:calc(4px + env(safe-area-inset-top)) 7px 4px!important;
 }
 #compactHud .hud-world {
   flex:0 0 36px!important;
   min-height:36px!important;
   height:36px!important;
 }
 #compactHud #hudValues {
   flex:0 0 auto!important;
   margin:0!important;
   padding:0!important;
   gap:3px!important;
   align-items:stretch!important;
 }
 #compactHud #hudValues .hud-chip {
   height:34px!important;
   min-height:34px!important;
   padding:3px 1px 2px!important;
 }
}