.pg-board{position:relative;aspect-ratio:1;border-radius:var(--radius-md);touch-action:manipulation;overflow:hidden;background:radial-gradient(circle at 50% 40%,#cfe6e4,#a9cfcf)}.pg-hole{position:absolute;padding:0;margin:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.pg-hole::before{content:"";width:86%;height:86%;border-radius:50%;background:radial-gradient(circle at 38% 35%,var(--primary-50),var(--primary-30));box-shadow:0 2px 0 rgba(0,0,0,0.15);transition:box-shadow 0.15s,transform 0.15s}.pg-hole.is-target::before{box-shadow:0 0 0 4px var(--secondary-seed),0 2px 0 rgba(0,0,0,0.15);transform:scale(1.04)}.pg-hole:not(.has-bug):not(.is-target){cursor:default}.bug{position:absolute;width:58%;height:58%;border-radius:50%;pointer-events:none;transition:transform 0.15s;background:radial-gradient(circle at 50% 22%,#2b1d1d 0 17%,transparent 18%),radial-gradient(circle at 32% 50%,#2b1d1d 0 9%,transparent 10%),radial-gradient(circle at 68% 50%,#2b1d1d 0 9%,transparent 10%),radial-gradient(circle at 36% 72%,#2b1d1d 0 8%,transparent 9%),radial-gradient(circle at 64% 72%,#2b1d1d 0 8%,transparent 9%),linear-gradient(90deg,transparent 48%,#2b1d1d 48% 52%,transparent 52%),radial-gradient(circle at 40% 35%,var(--tertiary-50),var(--tertiary-30));box-shadow:0 3px 0 rgba(0,0,0,0.25)}.pg-hole.is-selected .bug{transform:scale(1.18) translateY(-6%);box-shadow:0 0 0 3px var(--secondary-seed),0 6px 6px rgba(0,0,0,0.25)}.bug.is-new{animation:pg-land 0.2s ease-out}@keyframes pg-land{from{transform:scale(1.3)}to{transform:none}}@media (prefers-reduced-motion:reduce){.bug.is-new{animation:none}.pg-hole::before,.bug{transition:none}}