/* Dou Dizhu hand calculator (assets/js/tools/dou-dizhu.js) */
.tl-dd-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; }
.tl-dd-grid.four { grid-template-columns: repeat(2, 1fr); }
.tl-dd-grid .tl-btn { padding-left: .2rem; padding-right: .2rem; min-width: 0; overflow-wrap: anywhere; }
.tl-dd-step { display: grid; grid-template-columns: 3.5rem 1fr 3.5rem; gap: .4rem; max-width: 16rem; }
.tl-dd-step .tl-btn { font-size: 1.3rem; padding: 0; }
.tl-dd-count { text-align: center; font-size: 1.5rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.tl-dd-opts { margin: .6rem 0; }
.tl-dd-opts summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; color: var(--ink-soft); }
.tl-dd-verdict.lost { color: var(--card-red); }
.tl-dd .tl-out .tl-note { font-size: .95rem; font-weight: 400; margin: .2rem 0 .4rem; }
.tl-dd-scores { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; }
.tl-dd-scores.four { grid-template-columns: repeat(2, 1fr); }
.tl-dd-scores > div { display: flex; flex-direction: column; align-items: center; padding: .3rem; border: 1px solid var(--card-line); border-radius: 6px; min-width: 0; }
.tl-dd-scores > div.ll { border-width: 2px; border-color: var(--card-ink); }
.tl-dd-scores span { font-size: .9rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.tl-dd-scores b { font-variant-numeric: tabular-nums; }