/* Coinche hand calculator (assets/js/tools/coinche.js) */
.tl-co .tl-field > label { font-size: .95rem; color: var(--ink-soft); font-variant-caps: all-small-caps; letter-spacing: .06em; }
.tl-co 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-co-2, .tl-co-3, .tl-co-4, .tl-co-5 { display: grid; gap: .4rem; }
.tl-co-2 { grid-template-columns: repeat(2, 1fr); }
.tl-co-3 { grid-template-columns: repeat(3, 1fr); }
.tl-co-4 { grid-template-columns: repeat(4, 1fr); }
.tl-co-5 { grid-template-columns: repeat(5, 1fr); }
.tl-co-2 .tl-btn, .tl-co-3 .tl-btn, .tl-co-4 .tl-btn, .tl-co-5 .tl-btn { padding-left: .2rem; padding-right: .2rem; min-width: 0; overflow-wrap: anywhere; }
.tl-co-4 .tl-btn { font-size: 1.15rem; }
.tl-co-4 .tl-co-wide { grid-column: span 2; font-size: 1rem; }
.tl-co-flex { flex-wrap: wrap; gap: .4rem; }
.tl-co-flex .tl-btn { flex: 1 1 auto; padding-left: .5rem; padding-right: .5rem; }
.tl-co-decl { display: grid; grid-template-columns: 4.5rem repeat(6, 1fr); gap: .3rem; }
.tl-co-decl input[type="number"] { width: 100%; box-sizing: border-box; padding: .2rem .3rem; }
.tl-co-decl .tl-btn { padding: .2rem 0; min-width: 0; font-size: .9rem; }
.tl-co-opts { margin: .6rem 0; }
.tl-co-opts summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; color: var(--ink-soft); }
.tl-co-verdict.failed { color: var(--red); }
.tl-co .tl-out .tl-note { font-size: .95rem; font-weight: 400; margin: .2rem 0 .4rem; }
.tl-co-scores { display: grid; grid-template-columns: repeat(2, 1fr); gap: .4rem; }
.tl-co-scores > div { display: flex; flex-direction: column; align-items: center; padding: .3rem; border: 1px solid var(--card-line); border-radius: 6px; }
.tl-co-scores span { font-size: .9rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.tl-co-scores b { font-variant-numeric: tabular-nums; }