/* Логотип в стиле Super Mario Bros */
.super-mario-logo {
  font-family: 'Orbitron', 'Space Mono', monospace;
  font-weight: 900;
  font-size: min(12vw, 12vh);
  line-height: 0.8;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  display: inline-block;
  text-shadow: 
    4px 4px 0 #000,
    8px 8px 0 rgba(0,0,0,0.4);
  z-index: 5;
  margin: -100px auto 50px;
  transform: none;
  top: -50px;
  background: 
    linear-gradient(90deg, 
      #ff0000 0%, #ff0000 8.33%,     /* B - красный */
      #ffff00 8.33%, #ffff00 16.66%, /* o - желтый */
      #ff0000 16.66%, #ff0000 25%,   /* n - красный */
      #00ff00 25%, #00ff00 33.33%,   /* k - зеленый */
      #ffff00 33.33%, #ffff00 41.66%, /* y - желтый */
      #ffff00 41.66%, #ffff00 50%,   /* o - желтый */
      #ff0000 50%, #ff0000 58.33%,   /* P - красный */
      #00ff00 58.33%, #00ff00 66.66%, /* r - зеленый */
      #0000ff 66.66%, #0000ff 75%,   /* i - синий */
      #ff00ff 75%, #ff00ff 83.33%,   /* n - фиолетовый */
      #ff0000 83.33%, #ff0000 91.66%, /* t - красный */
      #00ffff 91.66%, #00ffff 100%   /* er - голубой */
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: mario-glow 3s ease-in-out infinite alternate;
}

@keyframes mario-glow {
  0% {
    filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.8));
  }
  16.66% {
    filter: drop-shadow(0 0 10px rgba(255, 255, 0, 0.8));
  }
  33.33% {
    filter: drop-shadow(0 0 10px rgba(0, 255, 0, 0.8));
  }
  50% {
    filter: drop-shadow(0 0 10px rgba(0, 255, 255, 0.8));
  }
  66.66% {
    filter: drop-shadow(0 0 10px rgba(0, 0, 255, 0.8));
  }
  83.33% {
    filter: drop-shadow(0 0 10px rgba(255, 0, 255, 0.8));
  }
  100% {
    filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.8));
  }
}

/* Альтернативный вариант с более точными цветами Super Mario */
.super-mario-logo-alt {
  font-family: 'Orbitron', 'Space Mono', monospace;
  font-weight: 900;
  font-size: min(12vw, 12vh);
  line-height: 0.8;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  display: inline-block;
  text-shadow: 
    4px 4px 0 #000,
    8px 8px 0 rgba(0,0,0,0.4);
  z-index: 5;
  margin: -100px auto 50px;
  transform: none;
  top: -50px;
  background: 
    linear-gradient(90deg, 
      #ff0000 0%, #ff0000 8.33%,     /* B - красный */
      #ffff00 8.33%, #ffff00 16.66%, /* o - желтый */
      #ff0000 16.66%, #ff0000 25%,   /* n - красный */
      #00ff00 25%, #00ff00 33.33%,   /* k - зеленый */
      #ffff00 33.33%, #ffff00 41.66%, /* y - желтый */
      #ffff00 41.66%, #ffff00 50%,   /* o - желтый */
      #ff0000 50%, #ff0000 58.33%,   /* P - красный */
      #00ff00 58.33%, #00ff00 66.66%, /* r - зеленый */
      #0000ff 66.66%, #0000ff 75%,   /* i - синий */
      #ff00ff 75%, #ff00ff 83.33%,   /* n - фиолетовый */
      #ff0000 83.33%, #ff0000 91.66%, /* t - красный */
      #00ffff 91.66%, #00ffff 100%   /* er - голубой */
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Стиль для мобильных устройств */
@media (max-width: 768px) {
  .super-mario-logo,
  .super-mario-logo-alt {
    font-size: min(8vw, 8vh);
    letter-spacing: 1px;
    text-shadow: 
      2px 2px 0 #000,
      4px 4px 0 rgba(0,0,0,0.4);
  }
}