.party-hud{position:absolute;left:16px;top:var(--party-hud-top,242px);width:230px;max-height:var(--party-hud-max-height,none);padding:5px 8px 8px;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden}
.party-hud-header{display:flex;align-items:center;gap:3px;min-height:44px;flex:0 0 auto}
.party-hud-header button{min-width:44px;min-height:44px;border:0;background:transparent;color:#ead8ad;cursor:pointer}
.party-hud-header button:focus-visible{outline:2px solid #eed18b;outline-offset:-3px}
.party-hud-header button:disabled{opacity:.65;cursor:default}
.party-hud-toggle{flex:0 0 44px;font-size:19px;line-height:1}
.party-hud-manage{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:1;min-width:0;text-align:left;padding:0 4px;font-size:12px}
.party-hud-manage>span{white-space:nowrap}.party-hud-count{font-size:10px;color:#b7c9b9;margin-left:5px}.party-hud-manage kbd{font:9px system-ui,sans-serif;color:#b7c9b9;border:1px solid #71847766;padding:2px 4px}
.party-hud-members{list-style:none;padding:0 0 2px;margin:0;display:grid;align-content:start;gap:5px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.party-hud-members:focus-visible{outline:2px solid #eed18b;outline-offset:-2px}
.party-hud-member{min-width:0;border-top:1px solid #91a5852e;padding:5px 3px 0}
.party-hud-identity{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:15px}
.party-hud-identity>strong{font-size:11px;line-height:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e3ddbf}
.party-hud-badges{display:flex;gap:4px;align-items:center;flex-shrink:0;font-size:9px;line-height:13px;color:#bbd6ad}
.party-hud-badges [data-party-hud-status]:empty{display:none}
.party-hud-details{display:flex;align-items:center;gap:7px;margin-top:3px}
.party-hud-class{font-size:9px;line-height:12px;color:#acc3b7;flex:0 0 38px}
.party-hud-meter{position:relative;flex:1;min-width:0;height:13px;border:1px solid #5b796855;background:#0a171c;overflow:hidden}
.party-hud-meter>i{position:absolute;inset:0 auto 0 0;background:#436b4f;max-width:100%}
.party-hud-meter>span{position:relative;display:block;text-align:center;font:9px/11px system-ui,sans-serif;color:#f1edcf;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px #071813}
.party-hud-member[data-party-hud-dead="true"] .party-hud-identity>strong,.party-hud-member[data-party-hud-dead="true"] [data-party-hud-status]{color:#d3aaa0}
.party-hud-connection{font-size:11px;line-height:1.6;color:#d6be96;margin:4px 4px 2px}
@media(max-width:850px){.party-hud{left:12px;width:210px}}
@media(max-width:650px){
  .party-hud{left:10px;width:182px;padding:3px 6px 6px}
  .party-hud-manage{font-size:11px}.party-hud-count{font-size:9px;margin-left:3px}.party-hud-manage kbd{display:none}
  .party-hud-members{gap:2px}.party-hud-member{padding:3px 1px 0}
  .party-hud-identity{min-height:13px}.party-hud-identity>strong{font-size:10px;line-height:13px}.party-hud-badges{font-size:8px;line-height:11px;gap:3px}
  .party-hud-details{margin-top:1px;gap:5px}.party-hud-class{font-size:9px;line-height:11px;flex-basis:32px}.party-hud-meter{height:11px}.party-hud-meter>span{font-size:8px;line-height:9px}
  /* The movement hint remains in the menu and returns when the party is gone. */
  .hud:has(#party-hud:not([hidden])) .tutorial{display:none}
  .hud:has(#party-hud:not([hidden])) #target-bar{position:absolute;grid-column:auto;grid-row:auto;top:var(--party-target-top,178px);left:var(--party-target-left,10px);width:var(--party-target-width,216px);max-width:none;transform:none;margin:0}
}
/* Keep the actor visible between the party list and controls on short landscapes. */
@media(min-width:780px) and (max-height:480px){
  .hud:has(#party-hud:not([hidden])) .action-dock{left:auto;right:12px;bottom:13px;transform:none;width:280px}
  .hud:has(#party-hud:not([hidden])) .hotbar{width:100%;gap:4px;padding:5px;justify-content:center}
  .hud:has(#party-hud:not([hidden])) .hotbar .skill{width:48px;min-width:44px;flex-shrink:0}
  .hud:has(#party-hud:not([hidden])) .hotbar-separator{margin:0 1px}
  .hud:has(#party-hud:not([hidden])) .utility-action{min-width:0;min-height:44px;gap:3px;padding:4px}
  .hud:has(#party-hud:not([hidden])) .utility-action svg{width:14px;height:14px}
  .hud:has(#party-hud:not([hidden])) .right-dock{left:auto;right:304px;bottom:14px;width:282px}
  .hud:has(#party-hud:not([hidden])) .game-menu{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:2px;padding:3px;margin:0}
  .hud:has(#party-hud:not([hidden])) .game-menu button{min-width:44px;min-height:44px;flex-direction:column;gap:3px;padding:4px 1px}
}