/**
 * 🔦 THE UNDERGROUND - Catacombs/Labyrinth Design
 * Ancient tomb exploration, flickering torchlight, descent into mystery
 * 
 * Architectural Metaphor: Roman Catacombs / Egyptian Tomb
 * - Narrow passages, vaulted ceilings
 * - Flickering torchlight creates pools of visibility
 * - Items emerge from shadow - the thrill of discovery
 */

/* ==================== CATACOMB VARIABLES ==================== */
:root {
  /* Fibonacci Spacing (shared) */
  --fib-1: 8px;
  --fib-2: 13px;
  --fib-3: 21px;
  --fib-4: 34px;
  --fib-5: 55px;
  --fib-6: 89px;
  
  /* Underground Palette - Deep shadows with phosphorescent accents */
  --catacomb-void: #050508;
  --catacomb-shadow: #0a0a0f;
  --catacomb-stone: #12121a;
  --catacomb-dust: #1a1a24;
  
  /* Torch/Discovery colors */
  --torch-orange: #ff6b35;
  --torch-amber: #f59e0b;
  --torch-glow: rgba(255, 107, 53, 0.15);
  
  /* Discovery/Rare colors */
  --discovery-green: #05ffa1;
  --discovery-glow: rgba(5, 255, 161, 0.2);
  --rare-purple: #a855f7;
  --legendary-gold: #ffd700;
  
  /* Text */
  --catacomb-text: #e0e0e0;
  --catacomb-text-dim: #666;
}

/* ==================== DESCENT ANIMATION ==================== */
/* Jobs audit: Simplified animations, removed ambient effects */
@keyframes descend-into-darkness {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* torch-flicker-ambient, dust-float - REMOVED (ambient/decorative) */

@keyframes item-emerge {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ==================== UNDERGROUND ZONE STYLING ==================== */
.zone-underground .dig-space {
  background: var(--catacomb-void);
  animation: descend-into-darkness 0.15s ease-out;
}

/* Vignette effect - KEPT (creates focus, functional) */
.zone-underground .dig-space::before {
  content: '';
  position: fixed;
  inset: 0;
  background: radial-gradient(
    ellipse 70% 60% at 50% 50%,
    transparent 0%,
    transparent 40%,
    rgba(0, 0, 0, 0.3) 70%,
    rgba(0, 0, 0, 0.7) 100%
  );
  pointer-events: none;
  z-index: 1000;
}

/* Torch glow - simplified, no animation (Jobs audit) */
.zone-underground .dig-space::after {
  content: '';
  position: fixed;
  inset: 0;
  background: 
    radial-gradient(ellipse 200px 400px at 0% 30%, var(--torch-glow) 0%, transparent 70%),
    radial-gradient(ellipse 200px 400px at 100% 60%, var(--torch-glow) 0%, transparent 70%);
  pointer-events: none;
  z-index: 999;
  opacity: 0.6;
  /* Animation removed (Jobs audit: ambient movement) */
}

/* Floating dust particles - REMOVED (Jobs audit: ambient/decorative) */

/* ==================== CARD SPACE - PASSAGE FEEL ==================== */
.zone-underground .card-space {
  /* Subtle stone texture gradient */
  background: 
    linear-gradient(180deg, 
      var(--catacomb-void) 0%,
      var(--catacomb-shadow) 50%,
      var(--catacomb-void) 100%
    );
}

/* ==================== SAMPLE CARDS ==================== */
/* Jobs audit: Simplified - no stagger delays, basic fade */
.zone-underground .sample-card {
  animation: item-emerge 0.15s ease-out;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}

/* Hover - torch illuminates the find */
.zone-underground .sample-card:hover {
  border-color: var(--torch-amber);
  box-shadow: 
    0 0 30px var(--torch-glow),
    0 10px 40px rgba(0, 0, 0, 0.5);
  transform: translateY(-5px) scale(1.02);
}

/* ==================== RARITY GLOW EFFECTS ==================== */
/* Common - subtle */
.zone-underground .sample-card[data-rarity="common"] {
  --card-glow: transparent;
}

/* Rare - green phosphorescence */
.zone-underground .sample-card[data-rarity="rare"],
.zone-underground .sample-card .rarity-badge:contains("RARE") {
  --card-glow: var(--discovery-glow);
}

.zone-underground .sample-card:has(.rarity-badge:contains("RARE")):hover {
  border-color: var(--discovery-green);
  box-shadow: 
    0 0 40px var(--discovery-glow),
    0 10px 40px rgba(0, 0, 0, 0.5);
}

/* Epic - purple mystic */
.zone-underground .sample-card:has(.rarity-badge:contains("EPIC")):hover {
  border-color: var(--rare-purple);
  box-shadow: 
    0 0 40px rgba(168, 85, 247, 0.3),
    0 10px 40px rgba(0, 0, 0, 0.5);
}

/* Legendary - golden treasure */
.zone-underground .sample-card:has(.rarity-badge:contains("LEGENDARY")):hover {
  border-color: var(--legendary-gold);
  box-shadow: 
    0 0 50px rgba(255, 215, 0, 0.4),
    0 10px 40px rgba(0, 0, 0, 0.5);
}

/* ==================== RARITY BADGES - GLOWING TEXT ==================== */
.zone-underground .rarity-badge {
  text-shadow: 0 0 10px currentColor;
  font-weight: 700;
  letter-spacing: 0.1em;
}

/* ==================== SEARCH BAR - TORCH LIGHT ==================== */
.zone-underground .float-search input:focus {
  border-color: var(--torch-amber);
  box-shadow: 0 0 20px var(--torch-glow);
}

/* ==================== ZONE TITLE - ANCIENT INSCRIPTION ==================== */
.zone-underground .float-zone-title {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 12px;
  opacity: 0.7;
}

/* ==================== EXPANDED CARD - DISCOVERY MOMENT ==================== */
.zone-underground .card-expanded {
  background: radial-gradient(
    circle at 50% 30%,
    var(--catacomb-stone) 0%,
    var(--catacomb-shadow) 50%,
    var(--catacomb-void) 100%
  );
}

.zone-underground .expanded-content {
  animation: item-emerge 0.4s ease-out;
}

/* Torch spotlight on the discovery */
.zone-underground .expanded-artwork {
  box-shadow: 
    0 0 60px var(--torch-glow),
    0 20px 60px rgba(0, 0, 0, 0.6);
}

/* ==================== LOADING STATE - DESCENDING ==================== */
.zone-underground .dig-loading {
  background: var(--catacomb-void);
}

.zone-underground .dig-loading .loading-text {
  color: var(--torch-amber);
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 11px;
}

.zone-underground .dig-loading .loading-text::after {
  content: '...';
  animation: loading-dots 1.5s infinite;
}

@keyframes loading-dots {
  0%, 20% { content: '.'; }
  40% { content: '..'; }
  60%, 100% { content: '...'; }
}

/* ==================== EMPTY STATE - DARKNESS AWAITS ==================== */
.zone-underground .dig-empty {
  color: var(--catacomb-text-dim);
}

.zone-underground .dig-empty .empty-icon {
  filter: drop-shadow(0 0 10px var(--torch-glow));
  /* Animation removed (Jobs audit: ambient) */
}

/* ==================== STONE PASSAGE BORDERS ==================== */
/* Top passage arch */
.zone-underground .float-top::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 107, 53, 0.2) 20%,
    rgba(255, 107, 53, 0.3) 50%,
    rgba(255, 107, 53, 0.2) 80%,
    transparent 100%
  );
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .zone-underground .dig-space::before {
    /* Tighter vignette on mobile */
    background: radial-gradient(
      ellipse 80% 70% at 50% 50%,
      transparent 0%,
      transparent 30%,
      rgba(0, 0, 0, 0.4) 60%,
      rgba(0, 0, 0, 0.8) 100%
    );
  }
  
  .zone-underground .dig-space::after {
    /* Reduce torch glow intensity */
    opacity: 0.5;
  }
}

/* ==================== VIEW MODES ==================== */
/* Cards view - scattered treasures */
.zone-underground[data-view="cards"] .card-space {
  /* Items scattered like artifacts */
}

/* Vinyl view - record crates in the dark */
.zone-underground[data-view="vinyl"] .card-space {
  /* Organized but dusty */
}

/* ==================== BYTE MASCOT - TORCH BEARER ==================== */
.zone-underground .byte-mascot {
  filter: drop-shadow(0 0 10px var(--torch-glow));
}

.zone-underground .byte-speech {
  background: var(--catacomb-stone);
  border: 1px solid var(--torch-amber);
  color: var(--torch-amber);
}