body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  /* 'cover' zajistí, že pozadí zaplní celou plochu bez bílých míst */
  background-image: url(tutorial_hra.png);
  background-size: cover;
  background-position: center; /* Pozadí se centruje */
  background-repeat: no-repeat;
  overflow: hidden;
}

.hrat-btn {
  position: absolute;
  /* UPRAV TYTO HODNOTY: */
  top: 85%;    /* Vyšší číslo (např. 90%) posune rybičku dolů */
  left: 50%;   /* Nižší číslo (např. 40%) posune rybičku doleva */
  
  transform: translate(-50%, -50%); /* Udržuje střed rybičky na souřadnicích */
  cursor: pointer;
  
  /* Velikost rybičky se mění podle šířky okna */
  width: 15vw; 
  min-width: 120px; 
  max-width: 250px;

  transition: transform 0.3s ease;
  animation: blink 3s ease-in-out infinite;
  z-index: 10;
}

.hrat-btn img {
  width: 100%;
  height: auto;
  display: block;
}

@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; }
}