/* Doppelkopf game-value calculator (assets/js/tools/doppelkopf.js) */
.tl-dk .tl-dk-sp { display: flex; align-items: center; gap: .5rem; margin: .3rem 0; }
.tl-dk .tl-dk-lbl { flex: 1; }
.tl-dk .tl-dk-step { min-width: 44px; padding: .2rem; font-weight: 700; }
.tl-dk .tl-dk-val { min-width: 2ch; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.tl-dk .tl-out .tl-note { font-size: .95rem; font-weight: 400; margin-top: .2rem; }
.tl-dk .tl-out .tl-warn { font-weight: 400; }
.tl-dk-row { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); gap: .3rem; font-size: 1rem; }
.tl-dk-row li { display: flex; justify-content: space-between; gap: .4rem; padding: .25rem .5rem; border: 1px solid var(--card-line); border-radius: 6px; font-weight: 400; }
.tl-dk-row li.re { border-width: 2px; }
.tl-dk-row li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-dk-row b { font-variant-numeric: tabular-nums; }
.tl-dk-table { width: 100%; border-collapse: collapse; font-size: .95rem; margin: .4rem 0 .8rem; }
.tl-dk-table th, .tl-dk-table td { padding: .25rem .3rem; border-bottom: 1px solid var(--card-line); text-align: left; }
.tl-dk-table .num { text-align: right; width: 4.5rem; font-variant-numeric: tabular-nums; }
.tl-dk-table tfoot th { border-bottom: 0; }