/* V2 uses a physical-pixel canvas and HTML text. Source PNGs remain untouched. */
#world {
  image-rendering: auto !important;
}
html:has(#render-quality option[value="original"]:checked) #world {
  image-rendering: pixelated !important;
}
.scene-toolbar {
  min-height: 42px;
  height: auto;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 5px;
  padding-bottom: 5px;
}
.scene-toolbar select {
  background: #121d2c;
  color: #ddd5bd;
  border: 1px solid #596174;
  border-radius: 2px;
  padding: 4px 6px;
  font-size: 10px;
  min-height: 28px;
}
.scene-toolbar button {
  min-height: 28px;
}
.game-shell:fullscreen {
  overflow: auto;
  background: #101621;
  padding: 8px;
  width: 100vw;
  height: 100vh;
}
.game-shell:fullscreen .play-area {
  max-height: calc(100vh - 180px);
  aspect-ratio: 4/3;
  max-width: calc((100vh - 180px) * 4 / 3);
  margin: 0 auto;
}
@media (max-width: 750px) {
  .scene-toolbar {
    gap: 5px;
  }
  .scene-toolbar select {
    font-size: 9px;
    padding: 3px 4px;
  }
  .scene-toolbar > div {
    gap: 5px;
    flex-wrap: wrap;
  }
}