.btn-home-cards {
          background: #00ff41;
          color: #003300;
          border: 3px solid #00ff41;
          box-shadow: 0 7px 18px 0 #00ff4144, 0 2px 8px 0 #0008, 0 1.5px 0 #fff8 inset;
          text-shadow: 0 1px 0 #fff, 0 0 8px #00ff41;
        }
      .switch {
        background: #000;
        color: #00ff41;
        border: 1.5px solid #00ff41;
        box-shadow: 0 4px 16px 0 #00ff4144, 0 2px 4px 0 #0004, 0 1.5px 0 #fff8 inset;
      }
    .field select {
      background: #000;
      color: #00ff41;
      border: 1.5px solid #00ff41;
      box-shadow: 0 4px 16px 0 #00ff4144, 0 2px 4px 0 #0004, 0 1.5px 0 #fff8 inset;
    }
  .btn {
    background: #003300;
    color: #00ff41;
    border: 1.5px solid #00ff41;
    box-shadow: 0 4px 16px 0 #00ff4144, 0 2px 4px 0 #0004, 0 1.5px 0 #fff8 inset, 0 -2px 8px 0 #00ff4122 inset;
  }
/* ================================
   Tema: MATRIX
   ================================ */

   body {
    background: #000000;
    color: #00ff41;
  }
  
  #topWrapper, .topbar, .controls-group {
    background: #000000;
    color: #00ff41;
    border-bottom: 1px solid #00ff41;
  }
  
  .card {
    background: #000000;
    border: 1px solid #00ff41;
    /* Glow/sombra branca para destacar o card */
    box-shadow: 0 0 32px 8px #fff8, 0 8px 32px 0 #000a;
  }
  
  .card-word {
    color: #30ff70;
  }
  
  .card-actions .pill {
    background: #003300;
    color: #00ff41;
    box-shadow: none !important;
  }
  
  .card.hit {
    border-color: #00ff88;
  }
  
  .card.blue {
    border-color: #00bbff;
  }
  

.toast {
  background: #000c08;
  color: #00ff41;
  border: 2px solid #00ff41;
  box-shadow:
    0 0 16px 4px #00ff41cc,
    0 6px 32px 0 rgba(0,255,65,0.15),
    0 0 0 2px #003300;
  text-shadow: 0 0 8px #00ff41, 0 0 2px #00ff41;
}

  
  .heardbar {
    background: #001100 !important;
    color: #00ff41 !important;
  }