.kboard { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 5px; }
.kn { aspect-ratio: 1; border: 0; border-radius: 8px; background: rgba(255, 255, 255, .08); color: #fff; font: 700 clamp(11px, 1.6vw, 15px) var(--body); cursor: pointer; padding: 0; }
.kn:hover { background: rgba(255, 255, 255, .16); }
.kn.picked { background: var(--pink); }
.kn.drawn { background: #4d3f8f; }
.kn.picked.drawn { background: #ffd84d; color: var(--ink); }
.kn.hit { background: #ffd84d; color: var(--ink); }
.paytable tr.hit td { color: var(--gold); font-weight: 700; }