.hv-label{color:var(--muted);margin:0 0 .75rem;font-weight:600}.hv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}@media (width>=30rem){.hv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.hv-tile{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);min-height:3.4rem;color:var(--fg);font:800 1.05rem / 1.1 var(--sans);letter-spacing:.06em;overflow-wrap:anywhere;cursor:pointer;padding:.4rem .25rem;transition:transform .12s,border-color .12s}.hv-tile:hover{border-color:var(--accent)}.hv-tile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hv-tile[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-fg);box-shadow:0 3px 0 var(--accent-soft);border-width:3px;transform:translateY(-3px)}.hv-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.hv-tools{gap:.4rem;display:flex}.hv-shuffle{min-height:34px;padding:0 14px;font-size:.85rem}.hv-progress{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){.hv-tile{transition:none}.hv-tile[aria-pressed=true]{transform:none}}