.btn-home-cards {
          background: #0ff;
          color: #1e3a8a;
          border: 3px solid #0ff;
          box-shadow: 0 7px 18px 0 #0ff8, 0 2px 8px 0 #0008, 0 1.5px 0 #fff8 inset;
          text-shadow: 0 1px 0 #fff, 0 0 8px #0ff;
        }
      .switch {
        background: #0a0f24;
        color: #60a5fa;
        border: 1.5px solid #3b82f6;
        box-shadow: 0 4px 16px 0 #3b82f655, 0 2px 4px 0 #0004, 0 1.5px 0 #fff8 inset;
      }
    .field select {
      background: #0a0f24;
      color: #60a5fa;
      border: 1.5px solid #3b82f6;
      box-shadow: 0 4px 16px 0 #3b82f655, 0 2px 4px 0 #0004, 0 1.5px 0 #fff8 inset;
    }
  .btn {
    background: #1e3a8a;
    color: #fff;
    border: 1.5px solid #3b82f6;
    box-shadow: 0 4px 16px 0 #3b82f655, 0 2px 4px 0 #0004, 0 1.5px 0 #fff8 inset, 0 -2px 8px 0 #fff2 inset;
  }
/* ================================
   Tema: NEON BLUE
   ================================ */

   body {
    background: #020617;
    color: #60a5fa;
  }
  
  #topWrapper, .topbar, .controls-group {
    background: #0a0f24;
    color: #60a5fa;
    border-bottom: 1px solid #3b82f6;
  }
  
  .card {
    background: #0a0f24;
    border: 1px solid #3b82f6;
    /* Glow/sombra branca para destacar o card */
    box-shadow: 0 0 32px 8px #fff8, 0 8px 32px 0 #000a;
  }
  
  .card-word {
    color: #60a5fa;
    text-shadow: 0 0 4px #3b82f6;
  }

  .toast {
    background: #0a0f24;
    color: #3b82f6;
    border: 2px solid #0ff;
    box-shadow: 0 0 16px 4px #0ff, 0 6px 32px 0 #3b82f6aa, 0 0 0 2px #1e3a8a;
    text-shadow: 0 0 8px #0ff, 0 0 2px #3b82f6;
  }
  
  .card-actions .pill {
    background: #1e3a8a;
    color: white;
    box-shadow: none !important;
  }
  
  .card.hit {
    border-color: #0ea5e9;
  }
  
  .card.blue {
    border-color: #2563eb;
  }
  
  .heardbar {
    background: #0f172a !important;
    color: #60a5fa !important;
  }