/* Hi-Lo card game calculator (2.6.20) */
.hl .cc-panel + .cc-panel { margin-top: 16px; }
.hl-opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 14px; }
.hl-lab { margin: 6px 0 8px; font-size: 14px; color: var(--c-muted, #94a3b8); }
.hl-ranks { display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: 6px; }
.hl-r { display: grid; justify-items: center; gap: 2px; padding: 10px 2px 6px; min-height: 56px; border-radius: 10px; border: 2px solid var(--c-line); background: #f8fafc; color: #111827; font: inherit; cursor: pointer; }
.hl-r b { font-size: 18px; line-height: 1; }
.hl-r small { font-size: 11px; color: #64748b; }
.hl-r.is-on { border-color: var(--c-accent); box-shadow: 0 0 0 2px var(--c-accent); }
.hl-r:disabled { opacity: .35; cursor: not-allowed; }
.hl-hist { margin: 12px 0 0; font-size: 14px; color: var(--c-muted, #94a3b8); overflow-wrap: anywhere; }
@media (max-width: 700px) { .hl-ranks { grid-template-columns: repeat(7, minmax(0, 1fr)); } }