.pf{--pf-mat:#2f6b57;--pf-mat-deep:#275a49;--pf-ink:#2b2620;--pf-muted:#6a5f52;--pf-card:#fffaf1;--play-ink:var(--pf-ink);--play-icon-bg:#fffaf1db;border-radius:var(--radius-xl);background:var(--pf-card);isolation:isolate;-webkit-tap-highlight-color:transparent;border:1px solid #e6dccb;position:relative;overflow:hidden}.pf-layout{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"hud""board""tools""hint";display:grid}.pf-hud{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-2);grid-area:hud;display:flex}.pf-board{background:radial-gradient(ellipse 90% 80% at 50% 45%, var(--pf-mat) 0%, var(--pf-mat-deep) 100%);grid-area:board;min-height:0;position:relative}.pf-tools{justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);grid-area:tools;display:flex}.pf-hint{padding:0 var(--space-3) var(--space-3);text-align:center;color:var(--pf-muted);grid-area:hint;margin:0;font-size:.85rem;font-weight:700}.pf-hint__keys{font-weight:600;display:block}.pf-hint__note{color:#a8452f;font-weight:800;display:none}.pf[data-out=true] .pf-hint__note{display:block}.pf-hint__dir{color:var(--pf-ink);font-weight:800;display:none}.pf-hint__dir:before{content:"";vertical-align:-.05em;background:#ffd36b;border-radius:3px;width:.8em;height:.8em;margin-right:.35em;display:inline-block;box-shadow:inset 0 0 0 1.5px #b07a12}.pf[data-sel] .pf-hint__dir{display:block}.pf[data-sel] .pf-hint__touch,.pf[data-sel] .pf-hint__keys,.pf[data-out=true] .pf-hint__touch,.pf[data-out=true] .pf-hint__keys{display:none}@media (hover:none),(pointer:coarse){.pf-hint__keys{display:none}}@media (hover:hover) and (pointer:fine){.pf-hint__touch{display:none}}.pf:not([data-play-mode]) .pf-hud,.pf:not([data-play-mode]) .pf-tools,.pf:not([data-play-mode]) .pf-hint{display:none}.pf:not([data-play-mode]) .pf-board{aspect-ratio:4/3;cursor:pointer}.pf:not([data-play-mode]) .pf-creases-hit{pointer-events:none}.pf-entry{padding:var(--space-4) var(--space-4) var(--space-5);justify-items:center;display:grid}.pf[data-play-mode=on] .pf-entry{display:none}.pf-svg{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.pf-mat{pointer-events:none}.pf-status{gap:2px;min-width:0;margin:0;display:grid}.pf-status__stage{color:var(--pf-ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:800;overflow:hidden}.pf-status__folds{color:var(--pf-muted);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.pf[data-out=true] .pf-status__folds{color:#a8452f}.pf-model{z-index:1;pointer-events:none;border-radius:var(--radius-md);background:#fff;flex:none;justify-items:center;gap:2px;margin:0;padding:6px 8px 4px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #3c281424,inset 0 0 0 1px #eadfcd}.pf-model__svg{width:112px;height:94px;display:block}.pf-model figcaption{color:var(--pf-muted);white-space:nowrap;font-size:.75rem;font-weight:800}.pf-model__kind{color:var(--pf-ink)}.pf-layer polygon{stroke-linejoin:round}.pf-edge{fill:none;stroke:#281e1452;stroke-width:.025px;stroke-linecap:round;pointer-events:none}.pf-grain{fill:url(#pf-paper-grain);opacity:.16;pointer-events:none;mix-blend-mode:multiply}.pf-shade{fill:#1b140c;pointer-events:none}.pf-crease{cursor:pointer;outline:none}.pf-crease__line{stroke:#281e148c;stroke-width:.045px;stroke-dasharray:.14 .11;stroke-linecap:round;fill:none;pointer-events:none}.pf-crease__glow{stroke:#ffd36b;stroke-width:.16px;stroke-linecap:round;fill:none;opacity:0;pointer-events:none;transition:opacity .12s}.pf-crease__hit{stroke:#0000;stroke-width:.5px;fill:none}.pf-crease[data-active] .pf-crease__glow{opacity:.85}.pf-crease:focus-visible .pf-crease__glow{opacity:1;stroke:var(--color-focus)}.pf-crease[data-active] .pf-crease__line{stroke:#6a3d10}.pf[data-dragging=true] .pf-svg{cursor:grabbing}.pf[data-play-mode=on][data-phase=play] .pf-svg{cursor:grab}.pf-arrow path{fill:none;stroke:#ffd36b;stroke-width:.09px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 .03px .04px #0006)}.pf-arrow .pf-arrow__head{fill:#ffd36b;stroke:none}.pf-arrow .pf-arrow__tail{fill:#ffd36b;stroke:#6a3d10;stroke-width:.03px}.pf-sides{pointer-events:none}.pf-side--move polygon{fill:#ffd36b6b;stroke:#ffd36b6b;stroke-width:.02px}.pf-side--stay polygon{fill:#141e1929;stroke:#141e1929;stroke-width:.02px}.pf-btn{min-height:var(--tap-min);min-width:var(--tap-min);padding-inline:var(--space-4);border-radius:var(--radius-full);color:var(--pf-ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#f1e8d8;border:0;justify-content:center;align-items:center;gap:6px;font-size:.98rem;font-weight:800;transition:translate 60ms,box-shadow 60ms,opacity .15s;display:inline-flex;box-shadow:0 3px #d8c8ad}.pf-btn:active{translate:0 2px;box-shadow:0 1px #d8c8ad}.pf-btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.pf-btn:disabled{opacity:.45;cursor:default;translate:none}.pf-btn--primary{background:var(--color-primary);color:var(--on-primary);box-shadow:0 4px 0 var(--color-primary-strong)}.pf-btn--primary:active{box-shadow:0 1px 0 var(--color-primary-strong)}.pf-btn--big{min-width:160px;min-height:60px;padding-inline:var(--space-6);font-size:1.25rem}.pf-btn--quiet{box-shadow:none;text-underline-offset:3px;background:0 0;text-decoration:underline}.pf[data-out=true] [data-undo]:not(:disabled){animation:1.6s ease-in-out infinite pf-nudge}@keyframes pf-nudge{0%,to{box-shadow:0 3px #d8c8ad}50%{box-shadow:0 3px #d8c8ad,0 0 0 4px #ff9f1c73}}.pf-select:not([hidden]){inset:var(--space-3);z-index:3;justify-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:#fffaf1f7;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;overflow:auto;box-shadow:0 10px 30px #00000040}.pf-select__title{outline:none;margin:0;font-size:1.1rem}.pf-select__grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;width:min(100%,440px);margin:0;padding:0;list-style:none;display:grid}.pf-stage-btn{border-radius:var(--radius-sm);width:100%;min-height:64px;color:var(--pf-ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:0;align-content:center;justify-items:center;gap:0;padding:4px 2px;display:grid;box-shadow:inset 0 0 0 1px #e3d6c0,0 2px #e3d6c0}.pf-stage-btn svg{width:34px;height:28px}.pf-stage-btn__n{font-size:.95rem;font-weight:800;line-height:1.1}.pf-stage-btn__best{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--pf-muted);font-size:.7rem;font-weight:700;line-height:1.1;overflow:hidden}.pf-stage-btn[data-cleared] .pf-stage-btn__best{color:#1f7a5a}.pf-stage-btn[aria-current=true]{box-shadow:inset 0 0 0 3px var(--color-primary), 0 2px 0 #e3d6c0}.pf-stage-btn:disabled{opacity:.45;cursor:default}.pf-stage-btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.pf-result:not([hidden]){z-index:3;left:50%;bottom:var(--space-3);width:min(calc(100% - 2 * var(--space-3)), 380px);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-lg);text-align:center;background:#fffbf5f5;justify-items:center;gap:2px;animation:.32s cubic-bezier(.2,.8,.3,1) pf-rise;display:grid;position:absolute;translate:-50%;box-shadow:0 10px 30px #00000047}@keyframes pf-rise{0%{opacity:0}to{opacity:1}}.pf-result p{margin:0}.pf-result__title{color:#1f7a5a;font-size:1.7rem;font-weight:800}.pf-result__sub{color:var(--pf-ink);font-weight:700}.pf-result__best{color:var(--pf-muted);font-size:.9rem;font-weight:700;margin-bottom:var(--space-2)!important}.pf-result__best[data-new]{color:#b4513a}.pf-result__actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pf-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.pf[data-play-mode=on]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:0}.pf[data-play-mode=on] .pf-layout{padding:calc(env(safe-area-inset-top) + 60px) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute;inset:0}.pf[data-play-mode=on] .play-bar{padding:calc(env(safe-area-inset-top) + var(--space-2)) calc(env(safe-area-inset-right) + var(--space-3)) var(--space-2) calc(env(safe-area-inset-left) + var(--space-3));z-index:4;position:absolute;inset:0 0 auto}.pf[data-play-mode=on] .pf-board{border-radius:var(--radius-lg);margin-inline:var(--space-3);overflow:hidden;box-shadow:inset 0 2px 10px #00000040}.pf[data-play-mode=on] .pf-board:has(.pf-svg:focus-visible){box-shadow:inset 0 0 0 4px var(--color-focus)}.pf[data-play-mode=on] .pf-hud{padding-top:0}@media (orientation:landscape) and (height<=520px){.pf[data-play-mode=on] .pf-layout{padding-top:calc(env(safe-area-inset-top) + 60px);padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-3));grid-template:"board hud""board tools""board hint"minmax(0,1fr)/minmax(0,1fr) minmax(180px,34%)}.pf[data-play-mode=on] .pf-hud{padding:0 var(--space-3) 0 0;flex-direction:row}.pf[data-play-mode=on] .pf-tools{padding:var(--space-2) var(--space-3) var(--space-2) 0;flex-wrap:wrap;justify-content:flex-start}.pf[data-play-mode=on] .pf-hint{text-align:left;padding:0 var(--space-3) 0 0}.pf[data-play-mode=on] .pf-board{margin-right:var(--space-3)}}@media (width<=380px){.pf-btn{padding-inline:var(--space-3);font-size:.92rem}.pf-model__svg{width:96px;height:80px}}@media (prefers-reduced-motion:reduce){.pf-result:not([hidden]){animation:none}.pf[data-out=true] [data-undo]:not(:disabled){animation:none;box-shadow:0 3px #d8c8ad,0 0 0 4px #ff9f1c73}}