/* Keep the humidity, action and inset animation in one aligned exhibition row. */
#poopoo-world .landscape-environment {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px;
  column-gap:16px;
}
#poopoo-world .landscape-environment .landscape-action {
  min-width:0;
  overflow-wrap:break-word;
  hyphens:auto;
}
#poopoo-world .landscape-turntable {
  position:relative;
  align-self:center;
  justify-self:end;
  width:64px;
  height:64px;
  margin:0;
  overflow:hidden;
  background:#000;
  border:2px inset #ccc;
  box-sizing:border-box;
  pointer-events:none;
}
#poopoo-world .landscape-turntable video,
#poopoo-world .landscape-turntable img,
#poopoo-world .landscape-turntable .turntable-fire {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  margin:0;
  padding:0;
  border:0;
}
#poopoo-world .landscape-turntable img { z-index:1; }
#poopoo-world .landscape-turntable .turntable-fire { z-index:2; }
#poopoo-world .landscape-turntable[data-frame-visible="true"] img { visibility:hidden; }
@media(max-width:359px) {
  #poopoo-world .landscape-environment {
    grid-template-columns:minmax(0,1fr) 64px;
    column-gap:12px;
    row-gap:8px;
  }
  #poopoo-world .landscape-environment dl { grid-column:1; grid-row:1; }
  #poopoo-world .landscape-environment .landscape-action { grid-column:1; grid-row:2; }
  #poopoo-world .landscape-turntable { grid-column:2; grid-row:1 / 3; }
}
@media(prefers-reduced-motion:reduce) {
  #poopoo-world .landscape-turntable video { visibility:hidden; }
  #poopoo-world .landscape-turntable img { visibility:visible; }
  #poopoo-world .landscape-turntable .turntable-fire { display:none; }
}