/* Load after style.css. Source images retain their native dimensions and colors. */
#viewport[data-render-quality] {
  width: var(--shaiam-quality-width, 100%);
  height: var(--shaiam-quality-height, auto);
  aspect-ratio: auto;
  max-width: 100%;
  margin-inline: auto;
}
#game[data-render-quality] {
  image-rendering: pixelated;
  filter: none;
  transform: none;
}
#viewport[data-render-quality] #title-screen > img {
  image-rendering: pixelated;
  opacity: 1;
  filter: none;
}
#viewport[data-render-quality] #chat-input,
#viewport[data-render-quality] #chat-form button {
  font-size: max(12px, 1.5cqw);
}
@media (max-width: 700px) {
  #viewport[data-render-quality] #chat-input,
  #viewport[data-render-quality] #chat-form button { font-size: 12px; }
  #viewport[data-render-quality] #map-name { font-size: 12px; }
  #viewport[data-render-quality] #chat-log { font-size: 12px; }
}