.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);margin-inline:auto;padding:clamp(12px,3vw,22px);border-radius:24px;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.18),transparent 60%),linear-gradient(155deg,#b98246,#9a6432 55%,#85541f);border:3px solid rgba(255,255,255,.85);box-shadow:inset 0 2px 8px rgba(255,235,200,.35),inset 0 -4px 10px rgba(60,30,5,.35),0 8px 20px rgba(20,40,20,.35)}.peg-hole,.peg-off{aspect-ratio:1}.peg-hole{touch-action:none;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;padding:0;background:radial-gradient(circle at 50% 42%,#3c2508 0,#58381287 55%,#6d4a1e 100%);box-shadow:inset 0 3px 6px rgba(0,0,0,.55),inset 0 -1px 2px rgba(255,220,170,.35);cursor:pointer;transition:background .12s ease,transform .1s ease,box-shadow .12s 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 32% 26%,#fff3cf 0,#ffd98a 22%,#e89b3d 60%,#b96a1a 100%);box-shadow:inset -3px -5px 8px rgba(120,50,0,.45),inset 2px 3px 4px rgba(255,255,255,.5),0 3px 5px rgba(20,10,0,.5)}.peg-hole.is-selected .peg-dot{transform:scale(1.18) translateY(-6%);box-shadow:inset -3px -5px 8px rgba(120,50,0,.45),inset 2px 3px 4px rgba(255,255,255,.5),0 0 0 3px #ffffff,0 8px 12px rgba(20,10,0,.5)}.peg-hole.is-target{background:radial-gradient(circle at 50% 42%,#4c3814 0,#6d5326 55%,#8a6a33 100%);box-shadow:inset 0 3px 6px rgba(0,0,0,.45),inset 0 0 0 3px rgba(255,230,140,.95),0 0 10px rgba(255,220,120,.5);animation:peg-beckon 1s ease-in-out infinite}@keyframes peg-beckon{0%,to{box-shadow:inset 0 3px 6px rgba(0,0,0,.45),inset 0 0 0 3px rgba(255,230,140,.95),0 0 6px rgba(255,220,120,.35)}50%{box-shadow:inset 0 3px 6px rgba(0,0,0,.45),inset 0 0 0 3px rgba(255,240,180,1),0 0 14px rgba(255,220,120,.7)}}@media (prefers-reduced-motion:reduce){.peg-hole.is-target{animation:none}}.peg-hole:hover.has-peg .peg-dot{transform:scale(1.06)}.peg-note{margin-top:14px;margin-inline:auto;max-width:420px;color:rgba(255,255,255,.85);font-size:13px;font-weight:600;text-align:center}