/* Additive Phase 1/2 UI, without replacing existing stylesheet */
#posture {
  position: absolute;
  left: 24px;
  bottom: 95px;
  color: #bcd8c9;
  background: #081715cc;
  border: 1px solid #52715b;
  padding: 7px 10px;
  font: 700 11px Arial;
  letter-spacing: 1.5px;
  border-radius: 3px;
}
#posture[data-state="HIDDEN"] {
  color: #c6eeaa;
  border-color: #81a369;
}
#mobile #mCrouch,
#mobile #mHide {
  background: #203c38cf;
  border-color: #789a86;
}
@media (pointer: coarse) {
  #posture {
    bottom: 265px;
    left: 16px;
  }
  #actions {
    grid-template-columns: repeat(3, 60px);
    right: 10px;
    gap: 7px;
  }
  #actions button {
    width: 60px;
    height: 60px;
    font-size: 10px;
  }
}
@media (max-width: 550px) {
  #posture {
    font-size: 9px;
  }
}