/* ════════════════════════════════════════════
   NMN COMMAND CENTER MASTER LOCK — v2.5
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Cinzel+Decorative:wght@400;700&family=Josefin+Sans:wght@300;400&display=swap');

:root {
  --gold:#FFD700; --gb:#e8b84b; --gd:#8B6914;
  --coal:#070605; --shaft:#0d0c08; --rock:#1a1510;
  --cream:#f0e6cc; --muted:#a0905a; --faint:#5a4a30;
  --font-pixel:'Press Start 2P', monospace;
}

/* ── CRT MONITOR OVERLAY (The Photo Glow) ── */
body::after {
  content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(255, 215, 0, 0.015) 50%);
  background-size: 100% 3px; pointer-events: none; z-index: 10000; opacity: 0.12;
}

/* ── BASE SETUP ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; cursor:none; }
html { scroll-behavior:smooth; background:var(--coal); }
body {
  font-family: var(--font-pixel); background: var(--coal); color: var(--cream);
  overflow-x: hidden; min-height: 100vh; image-rendering: pixelated;
}

/* ── PURE GOLD TRADEMARK EYES (Hexagonal) ── */
.hero-eye {
  width: 52px; height: 30px;
  background: 
    linear-gradient(#000,#000) 18px 10px/16px 10px no-repeat, 
    linear-gradient(var(--gold), var(--gd)) 6px 4px/40px 22px no-repeat, 
    linear-gradient(var(--gb), var(--gd)) 0 0/52px 30px no-repeat;
  clip-path: polygon(0 8px, 8px 0, 44px 0, 52px 8px, 52px 22px, 44px 30px, 8px 30px, 0 22px);
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.4);
  animation: goldPulse 4s ease-in-out infinite;
  display: inline-block; margin: 0 20px;
}
@keyframes goldPulse { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.2); transform:scale(1.02);} }

/* ── MINE CART NAVIGATION ── */
.mine-cart-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; padding: 2rem; max-width: 1200px; margin: 0 auto; }
.mine-cart {
  text-decoration: none; background: #0d0c08; border: 1px solid var(--faint);
  padding: 1.5rem; text-align: center; transition: 0.3s; position: relative;
}
.mine-cart:hover { border-color: var(--gold); background: #1a1810; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.5); }
.mine-cart h3 { font-family: var(--font-pixel); font-size: 0.45rem; color: var(--gold); }

/* ── LANTERN CURSOR & ATMOSPHERE ── */
#nmn-cursor { position:fixed; width:48px; height:64px; pointer-events:none; z-index:99999; transform:translate(-50%,-50%); }
#nmn-halo { position:fixed; width:160px; height:160px; pointer-events:none; z-index:99998; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(255,200,50,.09) 0%,transparent 65%); }
.nmn-beam { position:fixed; top:0; width:1px; height:100vh; background:linear-gradient(to bottom,transparent,rgba(255,215,0,.05) 50%,transparent); pointer-events:none; z-index:0; opacity: 0.4; }

/* ── NAVIGATION HUD ── */
#nmn-nav {
  position:fixed; top:0; left:0; right:0; z-index:9000;
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 24px; background:rgba(7,6,5,.97); border-bottom:1px solid rgba(255,215,0,.15);
  backdrop-filter: blur(5px);
}
.nmn-nav-logo { font-family:var(--font-pixel); font-size:.5rem; color:var(--gold); text-decoration:none; }

/* ── DEPTH GAUGE (Wallet/Stats) ── */
.depth-gauge {
  position:fixed !important; bottom:12px !important; left:50% !important;
  transform:translateX(-50%) !important; background:rgba(7,6,5,.92) !important;
  border:1px solid rgba(255,215,0,.3) !important; border-radius:22px !important;
  padding:8px 20px !important; z-index:8999 !important; display:flex !important; gap:1.2rem !important;
  font-family: var(--font-pixel); font-size: 0.35rem; color: var(--gold);
}