/* Adventure Icon Styles with Hover Effects and Glow */

.adventure-icon {
  width: 48px;
  height: 48px;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

/* Hover effect - subtle lift and scale */
.adventure-icon:hover {
  transform: translateY(-2px) scale(1.05);
}

/* Glow effect container */
.adventure-icon-glow {
  position: relative;
  display: inline-block;
}

/* Glow on hover */
.adventure-icon-glow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 150%;
  background: radial-gradient(circle, rgba(8, 145, 178, 0.15) 0%, transparent 60%);
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.adventure-icon-glow:hover::before {
  opacity: 1;
}

/* Dark mode styles */
@media (prefers-color-scheme: dark) {
  .adventure-icon-light {
    display: none;
  }
  .adventure-icon-dark {
    display: inline-block;
  }
}

@media (prefers-color-scheme: light) {
  .adventure-icon-dark {
    display: none;
  }
  .adventure-icon-light {
    display: inline-block;
  }
}

/* Manual dark mode toggle */
.dark-theme .adventure-icon-light {
  display: none;
}

.dark-theme .adventure-icon-dark {
  display: inline-block;
}

.light-theme .adventure-icon-dark {
  display: none;
}

.light-theme .adventure-icon-light {
  display: inline-block;
}

/* Feature card specific styling */
.feature-card .adventure-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

/* Inline text usage */
.inline-adventure {
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  margin: 0 0.25em;
  transform: none;
}

.inline-adventure:hover {
  transform: scale(1.1);
}

/* Loading animation */
@keyframes pixelBuild {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

.adventure-icon.loading {
  animation: pixelBuild 0.6s ease-out;
}