body {
  background-color: #000000;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

html {
  -webkit-user-select: none;
  user-select: none;
}

.card_art {
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
  width: 100%;
  height: 100%;
  position: relative;
}

#ficha > div > stat-block {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin-top: 0;
  scroll-behavior: smooth;
  display: block;
  padding: 16px;
}

#ficha {
  min-height: 100%;
  width: 100%;
  height: 100%;
}

stat-block {
  width: 100%;
  display: block;
}



@media (min-width: 769px) {
  #ficha::before {
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(0, 212, 255, 0) 100%);
  }
}

/* Mobile-specific styles for stat blocks */
@media (max-width: 768px) {
  #ficha > div > stat-block {
    padding-top: 300px;
  }
  
  stat-block {
    font-size: 0.95em;
  }
}

@media (max-width: 480px) {
  #ficha > div > stat-block {
    
    padding-top: 256px;
  }
  
  stat-block {
    font-size: 0.9em;
  }
}