.g-peg{align-items:center}.pg-board{--pg-gap:6px;--pg-hole:clamp(22px, (100vw - var(--sp-4) * 2 - (var(--pg-rows,7) - 1) * var(--pg-gap)) / var(--pg-rows,7), var(--tap));align-items:center;gap:var(--pg-gap);flex-direction:column;display:flex}.pg-row{gap:var(--pg-gap);display:flex}.pg-hole{width:var(--pg-hole);height:var(--pg-hole);min-height:var(--pg-hole);border:1px solid var(--c-border-control);background:var(--c-surface-2);border-radius:50%;place-items:center;padding:0;display:grid}.pg-peg{width:62%;height:62%;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;border-radius:50%}.pg-hole.has-peg .pg-peg{background:var(--c-brand);box-shadow:var(--shadow-xs)}.pg-hole.is-selected{outline:2px solid var(--c-brand);outline-offset:2px}.pg-hole.is-selected .pg-peg{background:var(--c-accent)}.pg-hole.is-target{background:var(--c-good-soft);border-color:var(--c-good)}.pg-hole.is-target .pg-peg{border:2px dashed var(--c-good)}.pg-banner{margin:0 0 var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-good-soft);color:var(--c-good);font-weight:var(--fw-semi);text-align:center}.g-peg.is-over .pg-hole{cursor:default}