.peg-board{background:radial-gradient(at top,#5a3b35,#302528);border:1px solid #80564c;border-radius:.9rem;gap:.42rem;width:min(100%,26rem);padding:clamp(.7rem,4vw,1.5rem);display:grid}.peg-row{justify-content:center;gap:clamp(.4rem,2vw,.75rem);display:flex}.peg-hole{aspect-ratio:1;background:#261b1d;border:2px solid #724d48;border-radius:50%;place-items:center;width:clamp(2.35rem,10vw,3.1rem);padding:0;display:grid}.peg-hole span{aspect-ratio:1;border-radius:50%;width:70%}.peg-hole[data-occupied=true] span{background:radial-gradient(circle at 37% 28%,#ffebc4 2%,#efb78a 42%,#b57154 76%);box-shadow:0 2px 4px #140909}.peg-hole[data-target=true]{border-style:dashed;border-color:#ffe1ad}.peg-hole[data-landing=true]{background:#4e5945;border-color:#d1eba8}.peg-hole[aria-pressed=true]{background:#865446;border-color:#ffbf9f}
