/* Üzüm's grass field, kept at the approved preview scale. */
:root { --grass-height: clamp(144px, 24vh, 230px); }
main { position: relative; z-index: 1; }
uzum-pet { left: calc(50% - var(--uzum-size) / 2); }
.grass-scene {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.grass-strip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--grass-height);
  background: url('./grass/strip-natural.webp') repeat-x center bottom / auto 135%;
  image-rendering: pixelated;
}
@media (max-width: 479px) {
  :root { --grass-height: 158px; }
}
@media print { .grass-scene { display: none; } }