.peg{color:#233e36;width:min(100%,520px);margin:0 auto;font-size:15px}.peg-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:10px 0 12px;display:flex}.peg-stats strong{font-size:1.2em}.peg-board{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 40% 30%,#c99a5f,#a8743d 70%,#8d5f30);border-radius:22px;width:min(100%,100dvh - 260px);min-width:min(100%,280px);margin:0 auto;position:relative;box-shadow:inset 0 0 0 6px #7a5129,0 12px 26px #3c2a1630}.peg-triangle{width:min(80%,100dvh - 300px);min-width:min(80%,260px);box-shadow:none;background:0 0;margin:12px auto 8px}.peg-triangle:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(160deg,#c99a5f,#a8743d 60%,#8d5f30);border-radius:22px;position:absolute;inset:-3% -12% -4%}.peg-hole{aspect-ratio:1;cursor:pointer;touch-action:none;background:radial-gradient(circle at 50% 60%,#4d3218 0 46%,#6e4824 47% 58%,#0000 60%);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;translate:-50% -50%}.peg-hole:focus-visible{outline-offset:1px;outline:3px solid #fff3c9;box-shadow:0 0 0 6px #de861b}.peg-hole[aria-disabled=true]{cursor:default}.peg-hole.is-goal:after{content:"";pointer-events:none;border:2px dashed #f7e7b0;border-radius:50%;position:absolute;inset:6%}.peg-hole.is-target{background:radial-gradient(circle at 50% 60%,#6fae4d 0 46%,#4c8a37 47% 58%,#0000 60%)}.peg-hole.is-target.is-over{background:radial-gradient(circle at 50% 60%,#a5dc6f 0 50%,#5d9d3d 51% 60%,#0000 62%)}.peg-hole.is-hint{box-shadow:0 0 0 3px #ffe17a,0 0 14px 4px #ffd34d}.peg-hole .acorn{pointer-events:none;filter:drop-shadow(0 2px 1px #2b1a0b80);width:92%;height:92%;transition:transform .15s}.peg-hole.is-picked .acorn{transform:translateY(-12%)scale(1.12)}.acorn-nut{fill:#c8812f;stroke:#7b4614;stroke-width:1.5px}.acorn-shine{fill:none;stroke:#f2c27f;stroke-width:2px;stroke-linecap:round;opacity:.8}.acorn-cap{fill:#7a5a2c;stroke:#4b3315;stroke-width:1.5px}.acorn-stem{fill:none;stroke:#4b3315;stroke-width:2.5px;stroke-linecap:round}.peg-actions{flex-wrap:wrap;gap:8px;margin:14px 0 8px;display:flex}.peg-actions button{color:#244a38;cursor:pointer;touch-action:manipulation;background:#edf2e6;border:1px solid #9bab99;border-radius:8px;min-height:44px;padding:8px 14px;font:600 15px system-ui,sans-serif}.peg-actions button:disabled{opacity:.55;cursor:default}.peg-actions button:focus-visible{outline-offset:2px;outline:3px solid #de861b}.peg-status{min-height:3em;line-height:1.5}@media (prefers-reduced-motion:reduce){.peg-hole .acorn{transition:none}}