/* Debug Mode - Add 'debug' class to body to enable */
.debug .header {
    border: 3px solid red !important;
  }
  
  .debug .header .container {
    border: 2px solid yellow !important;
  }
  
  .debug .header__content {
    border: 3px solid blue !important;
  }
  
  .debug .header__logo {
    border: 2px solid green !important;
  }
  
  .debug .header__nav {
    border: 2px solid orange !important;
  }
  
  .debug .header__nav-link {
    border: 1px solid purple !important;
  }
  
  .debug .container {
    border: 2px solid yellow !important;
  }
  
  .debug .slot-machine {
    border: 2px solid cyan !important;
  }
  
  .debug .slot-content {
    border: 2px solid magenta !important;
  }
  
  .debug .slot-machine__static {
    border: 1px solid lime !important;
  }
  
  .debug .slot-viewport {
    border: 1px solid red !important;
  }
  
  .debug .slot-word {
    border: 1px solid orange !important;
  }
  
  .debug .slot-viewport {
    /* Show mask boundaries in debug mode */
    background: linear-gradient(to bottom, 
      rgba(255, 0, 0, 0.1) 0%, 
      rgba(255, 0, 0, 0.1) 15px, 
      rgba(0, 255, 0, 0.05) 15px, 
      rgba(0, 255, 0, 0.05) calc(100% - 15px), 
      rgba(0, 0, 255, 0.1) calc(100% - 15px), 
      rgba(0, 0, 255, 0.1) 100%) !important;
  }