/* Score-cell styles */
.Score-cell {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  font-weight: bold;
  color: white !important;
}

/* Rarity colors */
.Legendary  {  
  background-color: Gold !important; 
  box-shadow: 0 0 10px gold; 
}
.Epic { 
  background-color: Fuchsia !important; 
  box-shadow: 0 0 10px fuchsia; 
}
.Rare { 
  background-color: DeepSkyBlue !important;
  box-shadow: 0 0 10px deepskyblue; 
}
.Uncommon { 
  background-color: LimeGreen !important; 
}
.Common { 
  background-color: Gray !important; 
}
.is-selected.Poor { 
  background-color: inherit !important; 
  color: Gray !important;
}


.has-tooltip {
  position: relative;
}

.tooltip {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 0.8rem;
  white-space: nowrap;
  z-index: 100;
  pointer-events: none;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-5px);
}

/* Gradient text effect */
.gradient-text {
  background: linear-gradient(90deg, 
    rgba(100,100,100,0.8) 0%, 
    rgb(200, 200, 200) 50%, 
    rgba(100,100,100,0.8) 100%);
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: slide 3s linear infinite;
}

@keyframes slide {
  to {
    background-position: 200% center;
  }
}

.spinner {
  animation: spin 1s infinite linear;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}