/* Compact battle UI; the existing inventory and progression layout is unchanged. */
.run-hud, .battle-tools, .battle-settings { letter-spacing: 0; }
.run-hud {
  inset: 18px 20px auto;
  width: auto;
  height: 78px;
  transform: none;
  gap: 0;
}
.run-hud.is-active { display: block; }
.run-hud .run-chip {
  position: absolute;
  min-width: 0;
  width: auto;
  margin: 0;
  border: 1px solid #69766d;
  border-radius: 3px;
  background: rgba(15, 25, 24, .9);
  box-shadow: 0 3px 0 #0b131580;
  padding: 9px 12px;
}
.run-hud .run-chip strong { font-size: 18px; line-height: 1.2; }
.run-hud .run-chip span { color: #c1ccc0; font-size: 11px; }
.run-hud .health-chip { top: 0; left: 0; width: 174px; height: 69px; }
.run-hud .clock-chip { top: 0; right: 0; width: 160px; height: 69px; }
.run-hud .clock-chip strong { font-size: 22px; }
.run-hud .objective-chip {
  top: 0; left: 50%; width: 260px; height: 76px; transform: translateX(-50%);
  text-align: center;
}
.run-hud .objective-chip strong { display: inline; font-size: 18px; margin-left: 6px; }
.run-hud .objective-chip em { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
.run-hud .floor-chip { top: 77px; left: 0; border: 0; background: #101d1bb3; padding: 5px 9px; }
.run-hud .floor-chip strong { display: inline; font-size: 12px; margin-left: 4px; }
.run-hud .resource-chip { top: calc(100dvh - 80px); border: 0; padding: 7px 10px; }
.run-hud .gold-chip { left: 0; }
.run-hud .xp-chip { left: 105px; }
.run-hud .resource-chip strong { display: inline; margin-left: 8px; font-size: 15px; }
.run-hud .gold-chip strong { color: #f0ce71; }
.run-hud .xp-chip strong { color: #8edbca; }
.run-hud .detail-chip { bottom: auto; top: calc(100dvh - 77px); padding: 5px 8px; border: 0; }
.run-hud .range-chip { right: 83px; }
.run-hud .speed-chip { right: 0; }
.run-hud .detail-chip strong { font-size: 12px; }
.run-hud .mini-bar { height: 7px; border-color: #78877966; background: #080f10; }
.run-hud .mini-bar i { background: #d55f59; }
.run-hud .timer-bar i { background: #dbc775; }
.run-hud .boss-bar i { background: #a9c878; }
.run-hud .clock-chip.is-urgent { border-color: #ef9275; }
.run-hud .clock-chip.is-urgent .timer-bar i { background: #ee8169; }
.battle-tools { position: absolute; right: 20px; top: 96px; z-index: 8; display: flex; gap: 6px; }
.battle-tool {
  display: grid; place-items: center; width: 36px; height: 36px; padding: 0;
  border: 1px solid #73877a; border-radius: 3px; background: #112321e8; color: #e2ebdc;
  cursor: pointer;
}
.battle-tool svg { width: 18px; height: 18px; }
.battle-tool:hover { background: #365447; }
.battle-tool:focus-visible { outline: 2px solid #f4d980; outline-offset: 2px; }
.battle-tool[aria-pressed="true"] { color: #aab6ae; }
.battle-settings {
  width: min(380px, calc(100vw - 32px)); color: #eef3e8; padding: 24px;
  border: 1px solid #809c87; border-radius: 6px; background: #192724;
  box-shadow: 0 18px 65px #0009;
}
.battle-settings::backdrop { background: #06100cc4; }
.battle-settings h2 { margin: 0 0 24px; font-size: 22px; }
.setting-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 20px 0; font-size: 14px; }
.setting-row input[type="range"] { width: 160px; accent-color: #a9c878; }
.setting-row input[type="checkbox"] { width: 18px; height: 18px; accent-color: #a9c878; }
.battle-settings .start-button { width: 100%; margin-top: 10px; min-height: 42px; font-size: 16px; }
@media (max-width: 700px) {
  .run-hud { inset: 10px 10px auto; height: 109px; }
  .run-hud .health-chip { width: 136px; height: 62px; padding: 6px 9px; }
  .run-hud .clock-chip { width: 114px; height: 62px; padding: 6px 9px; }
  .run-hud .objective-chip { top: 69px; width: min(250px, calc(100vw - 112px)); height: 58px; left: 0; transform: none; padding: 6px 9px; text-align: left; }
  .run-hud .objective-chip em { display: inline; margin-left: 8px; font-size: 10px; }
  .run-hud .objective-chip strong { font-size: 15px; }
  .run-hud .floor-chip { top: 132px; padding: 3px 7px; }
  .battle-tools { top: 79px; right: 10px; }
  .run-hud .resource-chip { top: calc(100dvh - 62px); padding: 6px 8px; }
  .run-hud .detail-chip { top: calc(100dvh - 60px); }
  .run-hud .range-chip { display: none; }
  .run-hud .xp-chip { left: 92px; }
}
@media (max-height: 500px) and (min-width: 701px) {
  .run-hud { top: 8px; }
  .run-hud .health-chip, .run-hud .clock-chip { height: 60px; padding: 5px 9px; }
  .run-hud .objective-chip { height: 67px; padding: 5px 9px; }
  .battle-tools { top: 78px; }
}