/* Five Hundred hand calculator (assets/js/tools/five-hundred.js) */
.tl-fv-teams .tl-btn { flex: 1 1 8rem; min-width: 0; overflow-wrap: anywhere; }
.tl-fv-table { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .3rem; margin: .2rem 0 .4rem; }
.tl-fv-head { text-align: center; font-size: 1.1rem; font-weight: 700; }
.tl-fv-head.tl-fv-red { color: var(--card-red); }
.tl-fv .tl-fv-bid, .tl-fv .tl-fv-mis { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .2rem 0; line-height: 1.15; min-width: 0; }
.tl-fv .tl-fv-bid span { font-size: 1.05rem; font-weight: 700; }
.tl-fv .tl-fv-bid small, .tl-fv .tl-fv-mis small { font-size: .8rem; opacity: .8; font-variant-numeric: tabular-nums; }
.tl-fv-tricks { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .3rem; }
.tl-fv .tl-fv-n { padding: .2rem 0; min-width: 0; font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.tl-fv .tl-out p { font-size: 1rem; font-weight: 400; margin: 0 0 .3rem; }
.tl-fv .tl-out p.tl-fv-win { font-weight: 800; font-size: 1.1rem; margin-top: .5rem; }
.tl-fv-scores { display: grid; grid-template-columns: repeat(2, 1fr); gap: .4rem; margin-top: .3rem; }
.tl-fv-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-fv-scores span { font-size: .9rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.tl-fv-scores b { font-variant-numeric: tabular-nums; }
.tl-fv-scores small { font-size: .8rem; font-weight: 400; color: var(--card-soft); }
.tl-fv .tl-fv-opt { text-align: left; flex: 1 1 100%; }
.tl-fv-opts { margin: .6rem 0 0; }
.tl-fv-opts summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; color: var(--card-soft); }