body {
      font-family: 'Plus Jakarta Sans', sans-serif;
      user-select: none;
      -webkit-user-select: none;
      background-color: #030712;
      overflow: hidden;
    }
    .font-magic {
      font-family: 'Cinzel', serif;
    }
    .font-cyber {
      font-family: 'Orbitron', monospace;
    }
    /* Glow animations */
    @keyframes pulse-ring {
      0% { transform: scale(0.95); opacity: 0.8; }
      50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 25px rgba(234, 179, 8, 0.9)); }
      100% { transform: scale(0.95); opacity: 0.8; }
    }
    .animate-pulse-ring {
      animation: pulse-ring 3s infinite ease-in-out;
    }
    /* Custom scrollbar */
    ::-webkit-scrollbar {
      width: 4px;
    }
    ::-webkit-scrollbar-thumb {
      background: rgba(234, 179, 8, 0.3);
      border-radius: 9999px;
    }
    /* Glass card backdrop */
    .glass-panel {
      background: rgba(11, 15, 25, 0.75);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.12);
    }
    .glass-gold {
      background: rgba(234, 179, 8, 0.08);
      border: 1px solid rgba(234, 179, 8, 0.3);
    }
    /* Canvas styling */
    #magicCanvas {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 10;
      touch-action: none;
    }
    #webcamVideo {
      transform: scaleX(-1);
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      object-fit: cover;
      opacity: 0.22;
      z-index: 5;
      filter: contrast(1.2) brightness(0.9);
      pointer-events: none;
    }