/* Player dashboard: identity, survival meters, actions and economy stay grouped. */
#hud-top.rpg-hud{
  box-sizing:border-box!important;
  width:min(820px,calc(100vw - 300px))!important;
  min-width:0!important;max-width:none!important;
  display:grid!important;
  grid-template-columns:46px minmax(170px,220px) minmax(270px,1fr) auto!important;
  grid-template-areas:"portrait info actions wallet" "portrait vitals vitals online"!important;
  gap:7px 10px!important;align-items:center!important;
  padding:9px 11px!important;
  border:1px solid #d7bd76!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(21,48,37,.97),rgba(7,21,17,.96))!important;
  box-shadow:inset 0 1px #ffffff20,0 0 0 2px #07120dd9,0 8px 24px #0007!important;
}
#hud-top>.hud-portrait{grid-area:portrait;align-self:stretch;justify-self:center;width:42px!important;height:42px!important;border:1px solid #e0c77d!important;border-radius:9px!important;box-shadow:inset 0 1px #fff5,0 3px 8px #0006!important}
#hud-top>.hud-stack{grid-area:info;min-width:0!important;display:grid!important;gap:2px!important;align-self:center}
#hud-top>.hud-stack>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff0bd!important;font-size:13px!important;line-height:1.15!important}
#hud-top>.hud-stack>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9c4ae!important;font-size:9px!important;line-height:1.15!important}
#hud-top .life-level-hud{width:100%;min-width:0;grid-template-columns:auto minmax(50px,1fr);gap:2px 7px;margin-top:2px;padding:0;cursor:default!important;user-select:text}
#hud-top .life-level-hud>span{min-width:0;gap:5px}
#hud-top .life-level-hud>span>b{font-size:10px!important}
#hud-top .life-level-hud>span>small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important}
#hud-top .life-level-hud>i{height:6px;border-radius:99px;border-color:#78865b}
#hud-top .life-level-hud>i>u{border-radius:99px}
#hud-top .life-level-hud>small,#hud-top .life-level-hud>em{font-size:8px!important}
#hud-top .run-buff-status{width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border:1px solid #d9bd6b88;border-radius:999px;background:linear-gradient(90deg,#43391fdd,#173a2bdd);box-shadow:0 0 10px #f2cd5030;color:#ffe8a0;font:800 8px/1.25 sans-serif;font-variant-numeric:tabular-nums}

#hud-top>.hud-vitals{grid-area:vitals;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-self:stretch}
#hud-top .hud-vitals>.sprint-hud,
#hud-top .hud-vitals>.life-fatigue-hud,
#hud-top .hud-vitals>.life-need-hud{
  box-sizing:border-box;min-width:0;width:auto!important;max-width:none!important;min-height:34px;
  display:grid;grid-template-columns:auto minmax(20px,1fr) auto;align-items:center;gap:4px;
  margin:0!important;padding:5px 6px!important;border:1px solid #506c58!important;border-radius:7px!important;
  background:linear-gradient(145deg,#13281f,#0b1914)!important;box-shadow:inset 0 1px #ffffff0d!important;
  color:#dce8d3;font-size:8px!important;line-height:1.1
}
#hud-top .hud-vitals .sprint-hud{grid-template-columns:12px auto minmax(20px,1fr) 25px!important}
#hud-top .hud-vitals .sprint-icon{font-size:11px}
#hud-top .hud-vitals .sprint-label,#hud-top .hud-vitals .life-fatigue-hud>span,#hud-top .hud-vitals .life-need-hud>span{color:#c5d7bd;font-weight:800;white-space:nowrap}
#hud-top .hud-vitals .sprint-track{height:6px;min-width:0;border-radius:99px}
#hud-top .hud-vitals .sprint-hud output,#hud-top .hud-vitals .life-fatigue-hud>output,#hud-top .hud-vitals .life-need-hud>output{font:800 8px monospace;text-align:right;white-space:nowrap}
#hud-top .hud-vitals .sprint-hud kbd{display:none}
#hud-top .hud-vitals .life-fatigue-hud>i,#hud-top .hud-vitals .life-need-hud>i{height:6px;min-width:0;border-radius:99px}
#hud-top .hud-vitals .life-fatigue-hud>i>u,#hud-top .hud-vitals .life-need-hud>i>u{border-radius:99px}

#hud-top>.hud-actions{grid-area:actions;display:flex;align-self:center;justify-content:flex-end;gap:5px!important;min-width:0}
#hud-top .hud-social-button{min-height:30px;padding:5px 9px;border:1px solid #688472;border-radius:7px;background:linear-gradient(180deg,#263f32,#14271e);box-shadow:inset 0 1px #fff2,0 2px #050d09;color:#f3e5b8;font-size:10px;white-space:nowrap}
#hud-top .hud-social-button:hover{border-color:#efd27e;background:linear-gradient(180deg,#38523d,#1b3024)}
#hud-top .hud-skills-button{display:inline-flex;align-items:center;gap:6px;border-color:#b69d5a;background:linear-gradient(145deg,#39452e,#19291d);color:#ffe5a1;box-shadow:inset 0 1px #fff3,0 2px #050d09,0 0 12px #d8b95718}
#hud-top .hud-skills-button:hover{border-color:#ffe08a;background:linear-gradient(145deg,#554a2c,#273822);box-shadow:inset 0 1px #fff5,0 2px #050d09,0 0 15px #e9c86445}
#hud-top .hud-skills-glyph{display:grid;place-items:center;width:18px;height:18px;border:1px solid #d4bb6c;border-radius:5px;background:linear-gradient(145deg,#243b2b,#0f2018);color:#ffdf80;font-size:15px;line-height:1;text-shadow:0 0 8px #ffd45a88}
#hud-top>.hud-wallet{grid-area:wallet;display:grid;grid-template-columns:repeat(2,auto);align-self:center;align-items:center;gap:5px;min-height:30px;padding:5px 7px;border:1px solid #8b7748;border-radius:8px;background:linear-gradient(145deg,#263620,#111e16);box-shadow:inset 0 1px #fff2,0 2px #050d09}
#hud-top .hud-wallet-currency{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:4px;min-width:0;padding:3px 5px;border:1px solid #ffffff14;border-radius:6px;background:#0917108c;font-size:9px;line-height:1.1;white-space:nowrap}
#hud-top .hud-wallet-currency .pixel-icon{grid-row:1 / span 2;width:12px;height:12px;font-size:10px}
#hud-top .hud-wallet-currency>span{color:#ffe08a;font:900 10px/1 monospace;font-variant-numeric:tabular-nums}
#hud-top .hud-wallet-currency>small{color:#b8c6ad;font:700 7px/1 sans-serif;letter-spacing:.02em}
#hud-top .hud-wallet-lumira{border-color:#a996d955;background:linear-gradient(145deg,#241f38aa,#171526aa)}
#hud-top .hud-wallet-lumira .pixel-icon,#hud-top .hud-wallet-lumira>span{color:#d8c3ff;text-shadow:0 0 8px #ac8cff55}
#hud-top>.hud-chip:nth-child(6){grid-area:online;display:inline-flex!important;justify-self:end;min-height:20px!important;gap:5px!important;padding:2px 7px!important;border:1px solid #53765a!important;border-radius:999px!important;background:#0b1b14c9!important;box-shadow:none!important;color:#c5d9c2!important;font-size:9px!important}
#hud-top>.hud-chip:nth-child(6) .pixel-icon{width:10px;height:10px;font-size:8px}

@media(max-width:1000px){
  #hud-top.rpg-hud{left:8px!important;width:min(700px,calc(100vw - 285px))!important;grid-template-columns:38px minmax(130px,1fr) auto!important;grid-template-areas:"portrait info wallet" "vitals vitals online" "actions actions actions"!important;column-gap:8px!important;padding:8px 9px!important}
  #hud-top>.hud-portrait{width:36px!important;height:36px!important}
  #hud-top>.hud-actions{justify-content:flex-start}
}
@media(max-width:850px){
  #hud-top>.hud-vitals{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  #hud-top.rpg-hud{width:min(430px,calc(100vw - 18px))!important;grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-areas:"portrait info wallet" "vitals vitals vitals" "actions actions online"!important;column-gap:7px!important;row-gap:6px!important;left:8px!important;padding:7px 8px!important}
  #hud-top>.hud-portrait{width:32px!important;height:32px!important}
  #hud-top>.hud-stack>b{font-size:11px!important}
  #hud-top>.hud-actions{gap:4px!important}
  #hud-top .hud-social-button{min-height:27px;padding:4px 7px;font-size:9px}
  #hud-top>.hud-wallet{min-height:27px;padding:3px 4px;gap:3px}
  #hud-top .hud-wallet-currency{padding:3px 4px;column-gap:3px}
  #hud-top>.hud-chip:nth-child(6){font-size:8px!important}
  #hud-top .life-level-hud>span>small{max-width:105px}
  #hud-top>.hud-vitals{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  #hud-top .hud-vitals>.sprint-hud,#hud-top .hud-vitals>.life-fatigue-hud,#hud-top .hud-vitals>.life-need-hud{min-height:30px;padding:4px 5px!important}
}
@media(max-width:390px){
  #hud-top.rpg-hud{width:calc(100vw - 16px)!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:4px 6px!important;padding:6px!important}
  #hud-top>.hud-portrait{width:28px!important;height:28px!important}
  #hud-top .hud-social-button{min-width:30px;justify-content:center;padding:4px 6px;font-size:0}
  #hud-top .hud-skills-button>span:last-child{display:none}
  #hud-top #profile-open::before{content:"♙";font-size:14px}
  #hud-top #friends-open::before{content:"♧";font-size:14px}
  #hud-top>.hud-wallet{padding:3px;gap:2px}
  #hud-top .hud-wallet-currency{padding:3px 2px;column-gap:2px;font-size:8px}
  #hud-top .hud-wallet-currency>span{font-size:9px}
  #hud-top .hud-wallet-currency>small{font-size:6px}
  #hud-top>.hud-chip:nth-child(6){max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
