.battle-speed {
  position: absolute;
  z-index: 17;
  top: calc(66px + env(safe-area-inset-top));
  right: 10px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 13px 4px 13px 4px;
  color: #314c5e;
  background: rgba(255, 251, 238, 0.84);
  box-shadow: 0 4px 12px rgba(54, 74, 74, 0.2);
  backdrop-filter: blur(8px);
  font-size: 11px;
  font-weight: 950;
  cursor: pointer;
}

.battle-menu-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(255, 215, 101, 0.44);
  border-radius: 14px 5px 14px 5px;
  background: rgba(255, 196, 74, 0.1);
}

.battle-menu-status span {
  display: flex;
  flex-direction: column;
}

.battle-menu-status small {
  color: var(--gold);
  font-size: 9px;
  font-weight: 950;
}

.battle-menu-status b {
  color: #c4e7e7;
  font-size: 8px;
  line-height: 1.4;
}

.battle-menu-status button {
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(255, 130, 111, 0.5);
  border-radius: 12px 4px 12px 4px;
  color: #ffe1da;
  background: rgba(133, 39, 43, 0.34);
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
}

.battle-menu-status button.is-confirming {
  border-color: rgba(255, 215, 101, 0.9);
  color: #173349;
  background: linear-gradient(135deg, #ffe98c, #ffb45f);
  box-shadow: 0 0 0 3px rgba(255, 208, 91, 0.18);
}