/* Casino poker simulator (2.6.20) */
.ts .cc-panel + .cc-panel { margin-top: 16px; }
.ts-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 14px; }
.ts-hand { margin: 14px 0 6px; display: grid; gap: 10px; }
.ts-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.ts-who { min-width: 74px; font-weight: 600; color: var(--c-muted, #94a3b8); font-size: 14px; }
.ts-c { display: inline-grid; place-items: center; min-width: 40px; height: 54px; margin: 0 4px 4px 0; padding: 0 4px; border-radius: 8px; background: #f8fafc; color: #111827; border: 1px solid #cbd5e1; font-weight: 700; font-size: 17px; }
.ts-c.is-red { color: #dc2626; }
.ts-c.is-jk { background: #fef3c7; color: #92400e; font-size: 14px; }
.ts-up .ts-c { min-width: 30px; height: 36px; font-size: 14px; vertical-align: middle; }
.ts-set { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.ts-set small, .ts-up { display: block; font-size: 13px; color: var(--c-muted, #94a3b8); margin-bottom: 4px; }
.ts-res { margin: 4px 0 0; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--c-line); }
.ts-res b { margin-right: 6px; }
.ts-res.is-win { border-color: var(--c-accent); }
.ts-res.is-win b { color: var(--c-accent); }
.ts-res.is-lose b { color: #f87171; }
.ts [data-sum] svg { width: 100%; height: 180px; display: block; }
.ts-base { stroke: var(--c-line); stroke-dasharray: 4 4; stroke-width: 1; }
.ts-line { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; }
.ts-line.is-up { stroke: var(--c-accent); }
.ts-line.is-down { stroke: #f87171; }
.ts-small { font-size: 15px; line-height: 1.4; }