* { box-sizing: border-box; }
    
    body {
      background-color: #0D0D0D;
      background-image: 
        radial-gradient(ellipse at 20% 30%, rgba(255, 0, 255, 0.05) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(255, 235, 0, 0.05) 0%, transparent 50%),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
      min-height: 100vh;
    }
    
    /* Glitch Animation */
    @keyframes glitch {
      0%, 100% { 
        transform: translate(0);
        text-shadow: -2px 0 #FF00FF, 2px 0 #FFEB00;
      }
      20% { 
        transform: translate(-3px, 3px);
        text-shadow: 2px 0 #FF00FF, -2px 0 #FFEB00;
      }
      40% { 
        transform: translate(3px, -3px);
        text-shadow: -2px 0 #FF0000, 2px 0 #FF00FF;
      }
      60% { 
        transform: translate(-3px, -3px);
        text-shadow: 2px 0 #FFEB00, -2px 0 #FF0000;
      }
      80% { 
        transform: translate(3px, 3px);
        text-shadow: -2px 0 #FF00FF, 2px 0 #FFEB00;
      }
    }
    
    .glitch-text {
      animation: glitch 3s infinite;
    }
    
    .glitch-text:hover {
      animation: glitch 0.3s infinite;
    }
    
    /* Shake Animation */
    @keyframes shake {
      0%, 100% { transform: translateX(0); }
      10% { transform: translateX(-10px) rotate(-1deg); }
      20% { transform: translateX(10px) rotate(1deg); }
      30% { transform: translateX(-10px) rotate(-1deg); }
      40% { transform: translateX(10px) rotate(1deg); }
      50% { transform: translateX(-5px); }
      60% { transform: translateX(5px); }
      70% { transform: translateX(-5px); }
      80% { transform: translateX(5px); }
      90% { transform: translateX(-2px); }
    }
    
    .shake { animation: shake 0.6s ease-in-out; }
    
    /* Pulse Animation */
    @keyframes pulse-glow {
      0%, 100% { 
        transform: scale(1);
        box-shadow: 0 0 20px rgba(255, 235, 0, 0.5);
      }
      50% { 
        transform: scale(1.02);
        box-shadow: 0 0 40px rgba(255, 235, 0, 0.8);
      }
    }
    
    .pulse-glow { animation: pulse-glow 0.5s ease-in-out 3; }
    
    /* Fade Animations */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    @keyframes fadeOut {
      from { opacity: 1; }
      to { opacity: 0; }
    }
    
    .fade-in { animation: fadeIn 0.4s ease-out forwards; }
    .fade-out { animation: fadeOut 0.3s ease-in forwards; }
    
    /* Stamp Effect */
    @keyframes stamp {
      0% { transform: scale(3) rotate(-15deg); opacity: 0; }
      50% { transform: scale(1.1) rotate(-12deg); opacity: 1; }
      100% { transform: scale(1) rotate(-12deg); opacity: 1; }
    }
    
    .stamp { animation: stamp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
    
    /* Score Pop */
    @keyframes scorePop {
      0% { transform: scale(1); }
      50% { transform: scale(1.3); color: #FFEB00; }
      100% { transform: scale(1); }
    }
    
    .score-pop { animation: scorePop 0.3s ease-out; }
    
    /* Button Styles */
    .btn-borg {
      position: relative;
      overflow: hidden;
      transition: all 0.2s ease;
      text-transform: uppercase;
      letter-spacing: 2px;
    }
    
    .btn-borg::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      transition: left 0.5s;
    }
    
    .btn-borg:hover::before {
      left: 100%;
    }
    
    .btn-borg:hover {
      transform: scale(1.05) rotate(-1deg);
    }
    
    .btn-borg:active {
      transform: scale(0.95);
    }
    
    /* Card Styles */
    .card-borg {
      background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%);
      border: 3px solid #2A2A2A;
      box-shadow: 
        0 0 0 1px #0D0D0D,
        8px 8px 0 0 rgba(255, 235, 0, 0.1),
        inset 0 0 30px rgba(0, 0, 0, 0.5);
    }
    
    /* Cover Image */
    .cover-container {
      position: relative;
      overflow: hidden;
    }
    
    .cover-container::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom, transparent 60%, rgba(13, 13, 13, 0.8) 100%);
      pointer-events: none;
    }
    
    /* Screen transitions */
    .screen {
      transition: opacity 0.3s ease, transform 0.3s ease;
    }
    
    .screen.hidden {
      display: none;
    }
    
    /* Distorted text effect */
    .distort {
      text-shadow: 
        0.02em 0 0 rgba(255, 0, 255, 0.75),
        -0.02em -0.01em 0 rgba(255, 235, 0, 0.75),
        0.01em 0.01em 0 rgba(255, 0, 0, 0.75);
    }
    
    /* Scratchy underline */
    .scratchy-underline {
      position: relative;
    }
    
    .scratchy-underline::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      height: 3px;
      background: repeating-linear-gradient(
        90deg,
        #FFEB00 0px,
        #FFEB00 4px,
        transparent 4px,
        transparent 8px
      );
      transform: skewX(-12deg);
    }
    
    /* Progress bar */
    .progress-bar {
      background: linear-gradient(90deg, #FF00FF, #FFEB00);
      box-shadow: 0 0 10px rgba(255, 235, 0, 0.5);
    }
    
    /* Responsive text */
    @media (max-width: 640px) {
      .title-main { font-size: 2.5rem !important; }
      .title-sub { font-size: 1.25rem !important; }
    }