/* Chinese Poker settlement (assets/js/tools/chinese-poker.js) */
.tl-cp .tl-field > label { font-size: .95rem; color: var(--ink-soft); font-variant-caps: all-small-caps; letter-spacing: .06em; }
.tl-cp input[type="number"] { font: inherit; font-size: 1.1rem; min-height: 44px; padding: .2rem .5rem; border: 1px solid var(--card-line); border-radius: 6px; width: 7rem; }
.tl-cp .tl-btn { padding-left: .3rem; padding-right: .3rem; min-width: 0; overflow-wrap: anywhere; }
.tl-cp-2, .tl-cp-3 { display: grid; gap: .4rem; }
.tl-cp-2 { grid-template-columns: repeat(2, 1fr); }
.tl-cp-3 { grid-template-columns: repeat(3, 1fr); }
.tl-cp-opts, .tl-cp-roy { margin: .6rem 0; }
.tl-cp-opts summary, .tl-cp-roy summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; color: var(--ink-soft); }
.tl-cp-status { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .4rem; align-items: center; margin: .25rem 0; }
.tl-cp-name, .tl-cp-line > span:first-child, .tl-cp-royrow > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-cp-royp { border-top: 1px dotted var(--card-line); padding: .3rem 0; }
.tl-cp-royrow { display: grid; grid-template-columns: 4.2rem minmax(0, 1fr); gap: .4rem; align-items: center; }
.tl-cp-royrow .tl-row { margin: .2rem 0; gap: .3rem; }
.tl-cp-royrow .tl-btn { font-size: .9rem; }
.tl-cp-pair { border-top: 1px solid var(--card-line); padding: .2rem 0 .4rem; }
.tl-cp-pair h4 { font-size: 1.05rem; margin: .4rem 0 .3rem; overflow-wrap: anywhere; }
.tl-cp-line { display: grid; grid-template-columns: 4.2rem minmax(0, 1fr) 2.8rem minmax(0, 1fr); gap: .35rem; align-items: center; margin: .3rem 0; }
.tl-cp-line .tl-btn { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tl-cp-lines { list-style: none; margin: 0 0 .5rem; padding: 0; font-size: .95rem; font-weight: 400; }
.tl-cp-lines li { display: flex; justify-content: space-between; gap: .6rem; padding: .15rem 0; border-bottom: 1px dotted var(--card-line); text-align: left; }
.tl-cp .tl-out .tl-note { font-size: .95rem; font-weight: 400; }
.tl-cp-scores { display: grid; grid-template-columns: repeat(2, 1fr); gap: .4rem; }
.tl-cp-scores.three { grid-template-columns: repeat(3, 1fr); }
.tl-cp-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-cp-scores span { font-size: .9rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.tl-cp-scores b { font-variant-numeric: tabular-nums; }