/* Casino round calculator (assets/js/tools/casino.js) */
.tl-cs-p { border: 1px solid var(--card-line); border-radius: 8px; padding: .1rem .7rem .3rem; margin: .5rem 0; min-width: 0; }
.tl-cs-p legend { font-weight: 700; padding: 0 .3rem; }
.tl-cs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 .7rem; }
.tl-cs-grid .tl-field { margin: .35rem 0; min-width: 0; }
.tl-cs input[type="number"] { min-height: 44px; width: 100%; }
.tl-cs input::placeholder { color: var(--ink-soft); font-style: italic; font-size: .95rem; }
.tl-cs-step { display: flex; align-items: center; gap: .3rem; }
.tl-cs-pm { min-width: 44px; padding: .2rem .5rem; font-weight: 700; }
.tl-cs-val { min-width: 1.6rem; text-align: center; font-size: 1.2rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.tl-cs .tl-out { font-size: 1.05rem; font-weight: 400; text-align: left; font-variant-numeric: tabular-nums; }
.tl-cs .tl-out b { font-size: 1.25rem; font-weight: 800; }
.tl-cs-line { margin: .2rem 0; }
.tl-cs-check { margin-top: .4rem; font-size: .95rem; color: var(--ink-soft); }
.tl-cs-co { margin-top: .6rem; padding-top: .5rem; border-top: 1px dotted var(--card-line); }
.tl-cs-co b { display: block; font-size: 1.05rem; margin-top: .3rem; }
.tl-cs-var summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-size: .95rem; }