/* One bottom baseline at y378 on the logical844x390 canvas. The image,
   label and quantity each have their own box, so text cannot lift a slot. */
.battle-hud .battle-bottom{
  position:absolute;left:18px;right:18px;bottom:12px;
  height:51px;margin:0;padding:0;
  display:flex;justify-content:space-between;align-items:stretch;gap:12px;
}
.battle-hud .battle-bottom>.skills,
.battle-hud .battle-bottom>.controls{
  height:51px;min-height:51px;margin:0;padding:0;
  display:flex;align-items:stretch;gap:6px;
}
.battle-hud .battle-bottom .combat-slot{
  box-sizing:border-box;position:relative;display:block;
  flex:0 0 51px;width:51px;min-width:51px;max-width:51px;
  height:51px;min-height:51px;max-height:51px;
  margin:0;padding:0;vertical-align:bottom;
}
.battle-hud .battle-bottom .combat-slot>img,
.battle-hud .battle-bottom .combat-slot>svg{
  position:absolute;left:50%;top:auto;bottom:14px;
  width:34px;height:34px;max-width:34px;max-height:34px;
  display:block;margin:0;transform:translateX(-50%);
  object-fit:contain;object-position:center bottom;
}
.battle-hud .battle-bottom .combat-slot>.count{
  position:absolute;left:1px;right:1px;top:auto;bottom:2px;
  height:12px;margin:0;padding:0;line-height:12px;
  font-size:10px;font-weight:600;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.battle-hud .battle-bottom .combat-slot>.quantity{
  position:absolute;left:auto;right:3px;top:1px;bottom:auto;
  min-width:10px;height:14px;margin:0;padding:0;
  font-size:12px;line-height:14px;text-align:right;z-index:3;
}
.battle-hud .battle-bottom .combat-slot>.key{
  position:absolute;left:2px;top:1px;right:auto;bottom:auto;
  margin:0;height:10px;font-size:8px;line-height:10px;z-index:2;
}
.battle-hud .battle-bottom .combat-slot>.cd{
  top:0;left:0;right:0;bottom:15px;
  border-radius:6px 6px 0 0;font-size:15px;line-height:18px;
}
#ground-inspector{position:absolute;top:88px;width:190px;min-height:62px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #ffffff9c;border-radius:9px;background:#f4f6eee8;backdrop-filter:blur(6px);color:#173b45;box-shadow:0 3px 12px #173b4526;pointer-events:none;z-index:4}
#ground-inspector img,#ground-inspector .ground-coin-art{width:40px;height:40px;flex:0 0 40px;object-fit:contain}
#ground-inspector .ground-coin-art{display:grid;place-items:center;border-radius:50%;background:#e7c263;color:#926a23;font-size:28px}
#ground-inspector b{display:block;font-size:12px;line-height:16px}
#ground-inspector small{display:block;font-size:10px;line-height:14px;color:#37565d}