.toh{gap:12px}.toh-banner{color:var(--muted);font-weight:600;font-size:.95rem;max-width:34em}.toh-board{--peg-h: clamp(220px, 52vw, 320px);--dh: min(28px, calc((var(--peg-h) - 44px) / var(--n, 5)));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:640px;padding:10px 6px 6px;background:var(--cell-alt);border:1px solid var(--border);border-radius:var(--radius);touch-action:none;user-select:none;-webkit-user-select:none}.toh-peg{appearance:none;font:inherit;color:var(--muted);margin:0;padding:0;position:relative;height:var(--peg-h);min-width:0;background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.toh-peg:before{content:"";position:absolute;left:50%;bottom:26px;width:8px;translate:-50% 0;height:calc(var(--dh) * var(--n, 5) + 18px);background:var(--cell-strong);border-radius:4px 4px 0 0;opacity:.75}.toh-peg:after{content:"";position:absolute;left:4%;right:4%;bottom:20px;height:7px;background:var(--cell-strong);border-radius:4px}.toh-label{position:absolute;left:0;right:0;bottom:0;font-size:.8rem;font-weight:700;text-align:center}.toh-peg:hover{border-color:var(--border)}.toh-peg.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.toh-peg.target{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.toh-peg:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.toh-disc{position:absolute;left:50%;bottom:calc(27px + var(--k) * var(--dh));width:calc(var(--w) * 100%);height:calc(var(--dh) - 2px);translate:-50% 0;background:hsl(calc(var(--h) * 1deg) 68% 54%);border:1px solid hsl(calc(var(--h) * 1deg) 60% 34%);border-radius:999px;box-shadow:inset 0 3px #ffffff47;transition:bottom .14s ease-out,translate 60ms linear;z-index:1}.toh-disc.lifted{bottom:calc(var(--peg-h) - var(--dh) - 2px);box-shadow:inset 0 3px #ffffff47,0 6px 14px #00000040}.toh-disc.dragging{transition:none;pointer-events:none;z-index:5}.toh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion: reduce){.toh-disc{transition:none}}