.peg-grid{container-type:inline-size;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:clamp(4px,1.4vw,9px);width:min(100%,420px)}.peg-hole,.peg-off{aspect-ratio:1}.peg-hole{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;padding:0;background:rgba(15,23,42,.22);cursor:pointer;transition:background .12s ease,transform .1s ease}.peg-dot{width:74%;height:74%;border-radius:50%;background:transparent;transition:background .12s ease,box-shadow .12s ease,transform .1s ease}.peg-hole.has-peg .peg-dot{background:radial-gradient(circle at 34% 30%,#ffd98a,#d98324);box-shadow:inset -2px -3px 5px rgba(0,0,0,.28),0 2px 4px rgba(15,23,42,.3)}.peg-hole.is-selected .peg-dot{transform:scale(1.12);box-shadow:0 0 0 3px #ffffff}.peg-hole.is-target{background:rgba(255,255,255,.34);box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}.peg-hole:hover.has-peg .peg-dot{transform:scale(1.06)}.peg-note{margin-top:14px;max-width:420px;color:rgba(255,255,255,.85);font-size:13px;font-weight:600;text-align:center}