/* Compact mobile header matching the reference; retain all live HUD nodes. */
html[data-client=mobile]{--mobile-top-hud-height:clamp(82px,21vw,104px);--mobile-top-map-width:clamp(76px,20vw,104px);--mobile-hud-inset:max(4px,env(safe-area-inset-top))}
html[data-client=mobile] #player-hud{position:fixed!important;left:max(4px,env(safe-area-inset-left))!important;top:var(--mobile-hud-inset)!important;width:calc(100vw - var(--mobile-top-map-width) - 12px - env(safe-area-inset-left) - env(safe-area-inset-right))!important;height:var(--mobile-top-hud-height)!important;padding:5px 6px!important;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:24px 11px minmax(5px,1fr) 11px minmax(5px,1fr);column-gap:8px;row-gap:2px;box-sizing:border-box;transform:none!important;transition:none!important;border-radius:9px;background:rgba(14,24,34,.88)}
html[data-client=mobile] #player-hud .hud-header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:3px;margin:0;min-width:0;min-height:0;font-size:clamp(12px,3.6vw,17px);line-height:1.2;white-space:nowrap}
html[data-client=mobile] #player-hud .hud-header #hud-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,3.4vw,16px)}
html[data-client=mobile] #player-hud .hud-header .hud-job-label{flex:none;gap:4px;margin-left:2px}
html[data-client=mobile] #player-hud .hud-header .hud-job-badge{font-size:8px;line-height:11px;padding:0 5px}
html[data-client=mobile] #player-hud .hud-header #hud-current-job{font-size:clamp(10px,3vw,14px)}
html[data-client=mobile] #player-hud>.bar-bg:has(#hud-hp-fill){grid-column:1;grid-row:2/4;align-self:center}
html[data-client=mobile] #player-hud>.bar-bg:has(#hud-mp-fill){grid-column:1;grid-row:4/6;align-self:center}
html[data-client=mobile] #player-hud>.bar-bg:has(#hud-hp-fill),html[data-client=mobile] #player-hud>.bar-bg:has(#hud-mp-fill){height:clamp(14px,4.2vw,20px);margin:0;box-sizing:border-box;width:100%;border-radius:12px}
html[data-client=mobile] #player-hud .bar-text{font-size:clamp(10px,3vw,14px);line-height:1;display:flex;align-items:center;justify-content:center;height:100%;top:0}
html[data-client=mobile] #player-hud>div:has(>#hud-base-level){grid-column:2;grid-row:2}
html[data-client=mobile] #player-hud>div:has(>#hud-job-level){grid-column:2;grid-row:4}
html[data-client=mobile] #player-hud>div:has(>#hud-base-level),html[data-client=mobile] #player-hud>div:has(>#hud-job-level){display:flex;gap:3px;align-items:center;margin:0!important;font-size:clamp(8px,2.35vw,11px)!important;line-height:1.1;white-space:nowrap;min-width:0}
html[data-client=mobile] #player-hud #hud-exp-container{grid-column:2;grid-row:3}
html[data-client=mobile] #player-hud #hud-job-container{grid-column:2;grid-row:5}
html[data-client=mobile] #player-hud :is(#hud-exp-container,#hud-job-container){height:clamp(5px,1.7vw,8px)!important;width:100%;margin:0!important;align-self:start;box-sizing:border-box}
html[data-client=mobile] #minimap-window{position:fixed!important;top:var(--mobile-hud-inset)!important;right:max(4px,env(safe-area-inset-right))!important;left:auto!important;width:var(--mobile-top-map-width)!important;height:var(--mobile-top-hud-height)!important;padding:3px!important;box-sizing:border-box;transform:none!important;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:7px;background:rgba(14,24,34,.88)}
html[data-client=mobile] #minimap-window>div{height:13px;min-height:13px;margin:0!important;width:100%;min-width:0}
html[data-client=mobile] #minimap-map-name{font-size:clamp(8px,2.3vw,11px)!important;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
html[data-client=mobile] #minimap-window .minimap-btn{display:none}
html[data-client=mobile] #minimap-canvas{display:block;width:calc(var(--mobile-top-map-width) - 8px)!important;height:calc(var(--mobile-top-hud-height) - 23px)!important;min-height:0;object-fit:contain;flex:1;border-radius:5px}
html[data-client=mobile] #party-compact{top:calc(var(--mobile-hud-inset) + var(--mobile-top-hud-height) + 8px)!important}