/* 商人ギルド */
/* 読み込む順番に意味がある（後のファイルが前の規則を上書きする）。並べ方は tools/css/regroup.mjs が決める */
.invnow {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px;
  margin: 8px 0;
  border: 6px solid transparent;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAZUlEQVR4nGNkYGBgEOFh+c+AA7z58oeREabg0CwvDAV2advANCNIEUhBwTI+DEUmXCcYZm17wMACE7h7+zqmIn0IzYTLLciAKEVw696/fYlFmgPhcBAjzUsBQwnI0WBFIIJQOAEAqjYdOqenZDAAAAAASUVORK5CYII=") 3 fill / 6px;
  image-rendering: pixelated;
}
.invnow.ready {
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAV0lEQVR4nGNkYGBgEOFh+c+AA7z58oeREabg9Y1JGApENfLANBNcwadHGLgiQASsiAWm6+Gls7hshJhECBClCG7dhQt3cSqC+w7mSGTQseENRBGIIBROADiCIavHs3DWAAAAAElFTkSuQmCC");
  color: #241505;
}
.invnow small {
  opacity: 0.8;
}
.invres {
  display: flex;
  gap: 12px;
  align-items: center;
}
.invres.flee .spr {
  filter: grayscale(1) brightness(0.6);
}
/* ===== merchant-guild（商人ギルド）・2段目 ===== */
.invres p {
  margin: 0;
}