/* Файл создаётся tools/fetch-mc-assets.mjs — не редактировать вручную. */
/* Размер кадра на экране задаётся переменной --mc-size у элемента. */

@font-face {
  font-family: 'Mojangles';
  src: url('minecraft.ttf?v=26.2') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

.mc-kelp {
  background-image: url("kelp.png");
  background-repeat: no-repeat;
  background-size: var(--mc-size, 48px) calc(var(--mc-size, 48px) * 20);
  image-rendering: pixelated;
  animation: mc_kelp 1.6s steps(20) infinite;
}
@keyframes mc_kelp { to { background-position: 0 calc(var(--mc-size, 48px) * -20); } }

.mc-kelp-plant {
  background-image: url("kelp_plant.png");
  background-repeat: no-repeat;
  background-size: var(--mc-size, 48px) calc(var(--mc-size, 48px) * 20);
  image-rendering: pixelated;
  animation: mc_kelp_plant 1.6s steps(20) infinite;
}
@keyframes mc_kelp_plant { to { background-position: 0 calc(var(--mc-size, 48px) * -20); } }

.mc-seagrass {
  background-image: url("seagrass.png");
  background-repeat: no-repeat;
  background-size: var(--mc-size, 48px) calc(var(--mc-size, 48px) * 18);
  image-rendering: pixelated;
  animation: mc_seagrass 1.5s steps(18) infinite;
}
@keyframes mc_seagrass { to { background-position: 0 calc(var(--mc-size, 48px) * -18); } }

.mc-grass-top {
  background-image: url("tall_seagrass_top.png");
  background-repeat: no-repeat;
  background-size: var(--mc-size, 48px) calc(var(--mc-size, 48px) * 19);
  image-rendering: pixelated;
  animation: mc_grass_top 1.6s steps(19) infinite;
}
@keyframes mc_grass_top { to { background-position: 0 calc(var(--mc-size, 48px) * -19); } }

.mc-grass-bottom {
  background-image: url("tall_seagrass_bottom.png");
  background-repeat: no-repeat;
  background-size: var(--mc-size, 48px) calc(var(--mc-size, 48px) * 19);
  image-rendering: pixelated;
  animation: mc_grass_bottom 1.6s steps(19) infinite;
}
@keyframes mc_grass_bottom { to { background-position: 0 calc(var(--mc-size, 48px) * -19); } }

.mc-water {
  background-image: url("water_still.png");
  background-repeat: no-repeat;
  background-size: var(--mc-size, 48px) calc(var(--mc-size, 48px) * 32);
  image-rendering: pixelated;
  animation: mc_water 3.2s steps(32) infinite;
}
@keyframes mc_water { to { background-position: 0 calc(var(--mc-size, 48px) * -32); } }

@media (prefers-reduced-motion: reduce) {
  .mc-kelp, .mc-kelp-plant, .mc-seagrass, .mc-grass-top, .mc-grass-bottom, .mc-water { animation: none; }
}