.k-top { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; width: min(96vw, 460px); margin: 8px auto; }
.k-tableau { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; width: min(98vw, 540px); margin: 8px auto; }
.kcol { min-height: 40px; display: flex; flex-direction: column; align-items: center; }
.kpile { position: relative; }
.card {
  width: 100%; max-width: 64px; aspect-ratio: 5 / 7; border-radius: 6px; background: #fff; color: #222;
  border: 1px solid #ccc; display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 18px; margin-top: -22px; cursor: pointer; user-select: none;
}
.card:first-child { margin-top: 0; }
.card.down { background: linear-gradient(135deg, #4d96ff, #6bcb77); color: transparent; }
.card.red { color: #e23b3b; }
.card.sel { outline: 3px solid var(--mint, #3ddc97); }
.found { width: 100%; max-width: 64px; aspect-ratio: 5 / 7; border-radius: 6px; border: 2px dashed #bbb; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; background: #f3f3f3; }
.stock { width: 100%; max-width: 64px; aspect-ratio: 5 / 7; border-radius: 6px; border: 2px dashed #999; display: flex; align-items: center; justify-content: center; font-size: 22px; background: #eef; cursor: pointer; }