:root {
      --accent-color: #d4af37;
      --accent-glow: rgba(212, 175, 55, 0.45);
      --accent-dim: rgba(212, 175, 55, 0.15);
      --bg-ambient: radial-gradient(circle at 50% 12%, rgba(212, 175, 55, 0.09) 0%, transparent 60%);
    }
    body {
      background-color: #060609;
      background-image: 
        var(--bg-ambient),
        radial-gradient(circle at 12% 85%, rgba(21, 71, 52, 0.14) 0%, transparent 50%),
        radial-gradient(circle at 88% 85%, rgba(74, 14, 23, 0.12) 0%, transparent 50%);
      color: #dfcb9f;
      font-family: 'EB Garamond', serif;
      transition: background-image 0.5s ease;
    }
    .gold-border {
      border: 1px solid var(--accent-color);
      box-shadow: inset 0 0 20px var(--accent-dim), 0 6px 24px rgba(0, 0, 0, 0.85);
    }
    .gold-glow-text {
      text-shadow: 0 0 10px var(--accent-glow), 0 0 25px rgba(212, 175, 55, 0.2);
    }
    .kamea-cell {
      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      user-select: none;
    }
    .kamea-cell.active-node {
      background: radial-gradient(circle, var(--accent-color) 0%, rgba(20, 20, 30, 0.95) 100%) !important;
      color: #08080c !important;
      font-weight: 900;
      transform: scale(1.08);
      box-shadow: 0 0 16px var(--accent-color), inset 0 0 6px #fff;
      z-index: 10;
    }
    .lottery-ball {
      animation: popSphere 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    }
    @keyframes popSphere {
      0% { transform: scale(0.2); opacity: 0; }
      100% { transform: scale(1); opacity: 1; }
    }
    .audio-pulse {
      animation: audioGlow 2s infinite ease-in-out;
    }
    @keyframes audioGlow {
      0%, 100% { box-shadow: 0 0 8px var(--accent-color); }
      50% { box-shadow: 0 0 22px var(--accent-color), 0 0 35px var(--accent-color); }
    }
    
    /* 3D Flip Card Styles for Hermetic Tarot */
    .perspective-1000 {
      perspective: 1000px;
    }
    .card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transform-style: preserve-3d;
    }
    .card-flipped .card-inner {
      transform: rotateY(180deg);
    }
    .card-front, .card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      border-radius: 0.75rem;
    }
    .card-back {
      transform: rotateY(180deg);
    }
    .tarot-back-pattern {
      background-color: #0c0a14;
      background-image: radial-gradient(#d4af37 0.75px, transparent 0.75px), radial-gradient(#8c6d37 0.75px, #0c0a14 0.75px);
      background-size: 16px 16px;
      background-position: 0 0, 8px 8px;
    }

    /* PCB Simulator Textures */
    .pcb-viewport-bg {
      background-color: #050508;
      background-image: radial-gradient(rgba(212, 175, 55, 0.08) 1px, transparent 1px);
      background-size: 20px 20px;
    }

    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #09090e;
    }
    ::-webkit-scrollbar-thumb {
      background: var(--accent-color);
      border-radius: 3px;
    }