.pg-shell{--pg-maxh:min(46svh,24rem);--pg-fr:clamp(0.45rem,2vw,0.7rem)}@media (min-width:640px){.pg-shell{--pg-maxh:min(52vh,30rem)}}@media (min-width:900px){.pg-shell{--pg-maxh:min(46vh,28rem)}}.pg-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;margin-bottom:.7rem}.pg-level select{min-height:42px;max-width:100%;padding:0 2.1rem 0 .9rem;color:var(--pp-ink);font:inherit;font-weight:800;font-size:.95rem;background:var(--pp-board) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236E4B32' stroke-width='2'/%3E%3C/svg%3E") no-repeat right .8rem center;border:1.5px solid var(--pp-line);border-radius:999px;appearance:none;-webkit-appearance:none;cursor:pointer}.pg-level select:focus-visible{outline:3px solid var(--pp-focus);outline-offset:1px}.pg-stats{display:flex;gap:.4rem}.pg-stat{display:grid;min-width:3.3rem;padding:.2rem .55rem;text-align:center;background:var(--pp-board);border-radius:12px;line-height:1.15}.pg-stat small{color:var(--pp-muted);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pg-stat strong{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.05rem;font-variant-numeric:tabular-nums;white-space:nowrap}.pg-stat--best strong{font-family:inherit;font-size:.8rem;font-weight:800;padding-top:.2rem}@media (max-width:480px){.pg-top{justify-content:center}.pg-level,.pg-level select,.pg-stats{width:100%}.pg-stat{flex:1 1 0}}.pg-stage{position:relative;display:flex;justify-content:center;container-type:inline-size;padding-bottom:.5rem}.pg-frame{padding:var(--pg-fr);background:repeating-linear-gradient(100deg,rgb(255 255 255/4%) 0 7px,transparent 7px 15px),var(--pp-walnut);border-radius:22px;box-shadow:inset 0 2px 0 rgb(255 255 255/18%),0 6px 0 var(--pp-walnut-edge)}.pg-board{position:relative;width:min(calc(100cqi - 2 * var(--pg-fr)),var(--pg-maxh),30rem);aspect-ratio:1;border-radius:14px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pg-board:after,.pg-board:before{content:"";position:absolute;border-radius:12px;background:repeating-linear-gradient(92deg,rgb(255 255 255/10%) 0 9px,rgb(0 0 0/2%) 9px 15px,transparent 15px 26px),var(--pp-board);box-shadow:inset 0 2px 0 rgb(255 255 255/40%)}.pg-board:before{left:calc(100% * 2 / 7);width:calc(100% * 3 / 7);top:0;bottom:0}.pg-board:after{top:calc(100% * 2 / 7);height:calc(100% * 3 / 7);left:0;right:0}.pg-hole{position:absolute;z-index:1;left:calc(100% / 7 * var(--c));top:calc(100% / 7 * var(--r));width:calc(100% / 7);height:calc(100% / 7);display:grid;place-items:center;margin:0;padding:0;background:transparent;border:0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.pg-hole:before{content:"";width:34%;height:34%;border-radius:999px;background:radial-gradient(circle at 50% 35%,#8B6B4F,#5A3C28);box-shadow:inset 0 2px 3px rgb(0 0 0/45%),0 1px 0 rgb(255 255 255/50%)}.pg-hole.is-centre:before{box-shadow:inset 0 2px 3px rgb(0 0 0/45%),0 0 0 3px rgb(47 107 85/35%)}.pg-hole.is-target:before{width:46%;height:46%;background:radial-gradient(circle,rgb(217 167 43/95%),rgb(217 167 43/55%));box-shadow:0 0 0 3px rgb(217 167 43/40%);animation:pg-glow 1.1s ease-in-out infinite}.pg-hole.is-over:before{background:var(--pp-mustard);box-shadow:0 0 0 5px rgb(217 167 43/45%)}.pg-hole:focus-visible{outline:3px solid var(--pp-focus);outline-offset:-3px;border-radius:999px}.pg-peg{position:absolute;left:50%;top:50%;width:74%;height:74%;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle at 34% 30%,rgb(255 255 255/55%) 0 12%,transparent 30%),radial-gradient(circle at 50% 50%,#D9A76A,#A86E3C 70%,#7E4F2A);box-shadow:inset 0 -3px 0 rgb(0 0 0/18%),0 3px 0 rgb(62 42 28/45%),0 4px 6px rgb(0 0 0/15%);pointer-events:none;transition:transform .12s ease,box-shadow .12s ease}.pg-peg.is-sel{transform:translate(-50%,-58%) scale(1.06);box-shadow:0 0 0 3px var(--pp-mustard),0 7px 10px rgb(0 0 0/25%)}.pg-peg.is-landed{animation:pg-land .26s ease-out}.pg-peg.is-ghost{opacity:.3}.pg-peg.is-drag{width:calc(100% / 7 * .8);height:calc(100% / 7 * .8);z-index:5;transition:none;box-shadow:0 0 0 3px var(--pp-mustard),0 10px 14px rgb(0 0 0/28%)}.pg-board.is-solved .pg-peg{background:radial-gradient(circle at 34% 30%,rgb(255 255 255/55%) 0 12%,transparent 30%),radial-gradient(circle,#B5CDA9,#6F9A72 70%,#4E7653)}.pg-hole.is-taken:after{content:"";position:absolute;width:50%;height:50%;border-radius:999px;border:2px dashed rgb(192 87 63/55%);animation:pg-fade .7s ease-out forwards}@keyframes pg-glow{50%{box-shadow:0 0 0 6px rgb(217 167 43/20%)}}@keyframes pg-land{0%{transform:translate(-50%,-62%) scale(1.08)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes pg-fade{to{opacity:0;transform:scale(1.3)}}.pg-complete{gap:.35rem;max-width:min(92%,22rem)}.pg-complete.is-stuck{background:var(--pp-walnut);box-shadow:0 5px 0 var(--pp-walnut-edge),0 1rem 3rem rgb(34 49 42/35%)}.pg-complete__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem}.pg-complete .pp-btn--ghost{color:var(--pp-ink)}.pg-note{font-size:.85rem;opacity:.92}.pg-thinking{top:.6rem;transform:translateX(-50%);padding:.45rem .8rem;font-weight:800;font-size:.85rem}.pg-beads{display:inline-flex;gap:3px;margin-right:.45rem}.pg-beads i{width:7px;height:7px;border-radius:999px;background:var(--pp-walnut);animation:puzzle-hint-pulse .9s ease-in-out infinite}.pg-beads i:nth-child(2){animation-delay:.15s}.pg-beads i:nth-child(3){animation-delay:.3s}.pg-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;max-width:32rem;margin:.5rem auto 0}.pg-actions .pp-btn{min-height:46px;padding:0 .35rem;font-size:.95rem}.pg-help{max-width:34rem;margin:.5rem auto 0;color:var(--pp-muted);font-size:.78rem;line-height:1.4;text-align:center}.pg-toast{bottom:6.2rem}@media (prefers-reduced-motion:reduce){.pg-hole:before,.pg-peg{transition:none;animation:none!important}.pg-hole.is-taken:after,.pg-hole.is-target:before,.pg-peg.is-landed{animation:none}}.pg-mini{display:inline-block;margin:0;text-align:center}.pg-mini svg{width:var(--pg-mini,9rem);height:auto;display:block}.pg-mini figcaption{margin-top:.3rem;color:var(--pp-muted);font-size:.78rem;font-weight:700;max-width:11rem}.pg-minis{display:flex;flex-wrap:wrap;gap:1rem}