.fp-shell{--fp-maxh:min(46svh,24rem);--fp-fr:clamp(0.5rem,2.2vw,0.75rem)}@media (min-width:640px){.fp-shell{--fp-maxh:min(52vh,30rem)}}@media (min-width:900px){.fp-shell{--fp-maxh:min(48vh,30rem)}}.fp-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;margin-bottom:.7rem}.fp-sizes{display:inline-flex;padding:3px;background:var(--pp-board);border-radius:999px}.fp-size{min-width:3.6rem;min-height:40px;padding:0 .7rem;color:var(--pp-muted);font:inherit;font-weight:900;font-size:.95rem;background:transparent;border:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.fp-size.is-on{color:var(--pp-paper);background:var(--pp-walnut);box-shadow:0 2px 0 var(--pp-walnut-edge)}.fp-size:focus-visible{outline:3px solid var(--pp-focus);outline-offset:1px}.fp-stats{display:flex;gap:.4rem}.fp-stat{display:grid;min-width:3.4rem;padding:.2rem .6rem;text-align:center;background:var(--pp-board);border-radius:12px;line-height:1.15}.fp-stat small{color:var(--pp-muted);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.fp-stat strong{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.05rem;font-variant-numeric:tabular-nums;white-space:nowrap}.fp-stat--best strong{font-family:inherit;font-size:.78rem;font-weight:800;padding-top:.2rem}@media (max-width:420px){.fp-top{justify-content:center}.fp-stats{width:100%}.fp-stat{flex:1 1 0}}.fp-stage{position:relative;display:flex;justify-content:center;container-type:inline-size;padding-bottom:.5rem}.fp-frame{padding:var(--fp-fr);background:repeating-linear-gradient(100deg,rgb(255 255 255/4%) 0 7px,transparent 7px 15px),var(--pp-walnut);border-radius:18px;box-shadow:inset 0 2px 0 rgb(255 255 255/18%),0 6px 0 var(--pp-walnut-edge)}.fp-board{position:relative;width:min(calc(100cqi - 2 * var(--fp-fr)),var(--fp-maxh),32rem);aspect-ratio:1;background:linear-gradient(90deg,var(--pp-line) 1px,transparent 1px) 0 0 /calc(100% / var(--n)) 100%,linear-gradient(180deg,var(--pp-line) 1px,transparent 1px) 0 0 /100% calc(100% / var(--n)),var(--pp-board);border-radius:9px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fp-tile{position:absolute;left:0;top:0;width:calc(100% / var(--n));height:calc(100% / var(--n));padding:clamp(2px,.9cqi,4px);margin:0;background:none;border:0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transform:translate(calc(var(--x) * 100%),calc(var(--y) * 100%));transition:transform .11s cubic-bezier(.2,.9,.3,1.1)}.fp-wood{display:grid;place-items:center;width:100%;height:100%;color:#3E2A1C;font-family:var(--font-display),Fraunces,Georgia,serif;font-size:calc(min(calc(100cqi - 2 * var(--fp-fr)), var(--fp-maxh), 32rem) / var(--n) * .42);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgb(255 255 255/35%);background:repeating-linear-gradient(92deg,rgb(255 255 255/7%) 0 5px,rgb(0 0 0/3%) 5px 9px,transparent 9px 15px),linear-gradient(rgb(255 255 255/26%),transparent 45%,rgb(0 0 0/10%)),#D2A774;border:1.5px solid rgb(62 42 28/70%);border-radius:clamp(6px,2.4cqi,12px);box-shadow:inset 0 2px 0 rgb(255 255 255/35%),inset 0 -3px 0 rgb(0 0 0/16%),0 3px 0 rgb(0 0 0/18%);transition:background-color .16s ease,transform .12s ease}.fp-tile.is-home .fp-wood{background:repeating-linear-gradient(92deg,rgb(255 255 255/7%) 0 5px,rgb(0 0 0/3%) 5px 9px,transparent 9px 15px),linear-gradient(rgb(255 255 255/26%),transparent 45%,rgb(0 0 0/10%)),#9DB894}.fp-tile:active .fp-wood{transform:scale(.97)}.fp-tile.is-hinted .fp-wood{box-shadow:0 0 0 3px var(--pp-mustard),inset 0 2px 0 rgb(255 255 255/35%);animation:puzzle-hint-pulse 1.2s ease-in-out 2}.fp-board.is-solved .fp-wood{background-color:#9DB894}.fp-complete{gap:.35rem;max-width:min(92%,22rem)}.fp-complete__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem}.fp-complete .pp-btn--ghost{color:var(--pp-ink)}.fp-record{color:#F7D27A;font-weight:800}.fp-note{font-size:.85rem;opacity:.9}.fp-thinking{top:.6rem;transform:translateX(-50%);padding:.45rem .8rem;font-weight:800;font-size:.85rem}.fp-beads{display:inline-flex;gap:3px;margin-right:.45rem}.fp-beads i{width:7px;height:7px;border-radius:999px;background:var(--pp-walnut);animation:puzzle-hint-pulse .9s ease-in-out infinite}.fp-beads i:nth-child(2){animation-delay:.15s}.fp-beads i:nth-child(3){animation-delay:.3s}.fp-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;max-width:32rem;margin:.5rem auto 0}.fp-actions .pp-btn{min-height:46px;padding:0 .35rem;font-size:.95rem}.fp-help{max-width:34rem;margin:.5rem auto 0;color:var(--pp-muted);font-size:.78rem;line-height:1.4;text-align:center}.fp-inplace{display:inline-block;color:var(--pp-cta);font-weight:800}.fp-toast{bottom:6.2rem}@media (prefers-reduced-motion:reduce){.fp-tile,.fp-wood{transition:none}.fp-tile.is-hinted .fp-wood{animation:none}}.fp-frame--mini{padding:5px;border-radius:10px;box-shadow:0 3px 0 var(--pp-walnut-edge)}.fp-mini__grid{display:grid;grid-template-columns:repeat(var(--n),var(--fp-cell));grid-auto-rows:var(--fp-cell);gap:2px;padding:2px;background:var(--pp-board);border-radius:6px}.fp-mini__gap,.fp-mini__tile{display:grid;place-items:center;font-family:var(--font-display),Fraunces,Georgia,serif;font-size:calc(var(--fp-cell) * .46);font-weight:700;color:#3E2A1C;border-radius:4px}.fp-mini__tile{background:#D2A774;border:1px solid rgb(62 42 28/60%);box-shadow:inset 0 1px 0 rgb(255 255 255/30%)}.fp-mini__tile.is-home{background:#9DB894}