/* =========================
   VISUAL CARD PICKER
========================= */
.visual-card{
  width:68px;
  height:98px;
  border-radius:10px;

  /* very light rose paper */
  background: linear-gradient(145deg, #faf1f1, #f3e4e4);

  border: 2px solid #e2cfcf;

  box-shadow: 0 6px 14px rgba(0,0,0,.45);

  cursor:pointer;
  transition:all .18s ease;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}



.visual-card:hover:not(.disabled),
.visual-card:active:not(.disabled){
  border-color:#3b82f6;
  box-shadow:0 8px 16px rgba(59,130,246,.35);
  transform:translateY(-2px) scale(1.05);
}

.visual-card.disabled{
  opacity:.35;
  cursor:not-allowed;
  pointer-events:none;
}

.visual-card .card-display{ font-size:32px; }
.visual-card .rank{ font-size:38px; margin-bottom:-4px; }
.visual-card .suit{ font-size:48px; }

#deckGrid{
  gap:10px !important;
  padding:8px;
}

/* Toggle + close picker buttons */
#togglePicker {
  background: #8b5cf6; /* keep purple */
}

#closePicker {
  margin-top: 12px;    /* this one lives inside the picker section */
  background: #ef4444;
}


#visualPickerSection{
  display:none;
  margin-top:16px;
  transition:opacity .15s ease;
}

#visualPickerSection.hidden{ opacity:0; }