/* Readable draft text in both game chat windows and the lobby. */
.wg.skin .wg-chat-form input,
.wg-chat-form input,
.wg.lobby .lobby-chat form input {
  color: #172033;
  -webkit-text-fill-color: #172033;
  caret-color: #172033;
  background: #ffffff;
  opacity: 1;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  box-sizing: border-box;
}
.wg.skin .wg-chat-form input::placeholder,
.wg-chat-form input::placeholder,
.wg.lobby .lobby-chat form input::placeholder {
  color: #586579;
  -webkit-text-fill-color: #586579;
  opacity: 1;
}

/* Keep the whole railway illustration visible, with a separate caption. */
.wg.skin .wg-board .wg-cell.tv-ruin:has(img[src$="/odbudowa-kolei.jpg"]) {
  display: grid;
  grid-template-rows: 0.7em minmax(0, 1fr) auto;
  gap: 0.1em;
  padding: 0.15em;
}
.wg.skin .wg-cell.tv-ruin img.t-photo[src$="/odbudowa-kolei.jpg"] {
  position: static;
  grid-row: 2;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}
.wg.skin .wg-cell.tv-ruin:has(img[src$="/odbudowa-kolei.jpg"]) .t-ruin-tag {
  position: static;
  grid-row: 1;
  justify-self: start;
  align-self: start;
}
.wg.skin .wg-cell.tv-ruin:has(img[src$="/odbudowa-kolei.jpg"]) .t-cap {
  position: static;
  grid-row: 3;
  padding: 0.1em;
  background: #1a120e;
}
.ruin-photo.rail,
.ruin-photo.rail.big {
  object-fit: contain;
  object-position: center;
}