.grid-puzzles{--pb-floor:#f7f3e8;--pb-grid:#e4ddcb;--pb-far:#54655b38;--pb-wall:#56675d;--pb-wall-top:#718479;--pb-wall-edge:#3c4942;--pb-target:#b04e1c;--pb-target-fill:#b04e1c1a;--pb-box:#dca56c;--pb-box-edge:#6e421b;--pb-box-line:#8d5a2b;--pb-done:#a9cfb5;--pb-done-edge:#1f5e40;--pb-done-line:#3d7a5a;--pb-person:#17634c;--pb-person-head:#2a7d61;--pb-person-edge:#fff;--pb-shadow:#263b3233;--pb-tick:#17634c;--pb-tick-ink:#fff;--pb-stuck:#a8412a;--pb-stuck-ink:#fff;--pb-look:#263b32;--pb-arrow:#17634c;--pb-arrow-disc:#fff}:root[data-theme=dark] .grid-puzzles{--pb-floor:#1f2b25;--pb-grid:#2d3b33;--pb-far:#a9b6a733;--pb-wall:#6c7f74;--pb-wall-top:#8a9c91;--pb-wall-edge:#4c5b53;--pb-target:#f2a36f;--pb-target-fill:#f2a36f1f;--pb-box:#b07a45;--pb-box-edge:#f4d7b2;--pb-box-line:#f0cfa4;--pb-done:#3f7a58;--pb-done-edge:#c4ead3;--pb-done-line:#a8d9bd;--pb-person:#8fd1b0;--pb-person-head:#a7ddc2;--pb-person-edge:#0b1811;--pb-shadow:#00000059;--pb-tick:#8fd1b0;--pb-tick-ink:#0b1811;--pb-stuck:#f2a58f;--pb-stuck-ink:#0b1811;--pb-look:#e7ebdf;--pb-arrow:#8fd1b0;--pb-arrow-disc:#18241e}@media (prefers-color-scheme:dark){:root[data-theme=system] .grid-puzzles{--pb-floor:#1f2b25;--pb-grid:#2d3b33;--pb-far:#a9b6a733;--pb-wall:#6c7f74;--pb-wall-top:#8a9c91;--pb-wall-edge:#4c5b53;--pb-target:#f2a36f;--pb-target-fill:#f2a36f1f;--pb-box:#b07a45;--pb-box-edge:#f4d7b2;--pb-box-line:#f0cfa4;--pb-done:#3f7a58;--pb-done-edge:#c4ead3;--pb-done-line:#a8d9bd;--pb-person:#8fd1b0;--pb-person-head:#a7ddc2;--pb-person-edge:#0b1811;--pb-shadow:#00000059;--pb-tick:#8fd1b0;--pb-tick-ink:#0b1811;--pb-stuck:#f2a58f;--pb-stuck-ink:#0b1811;--pb-look:#e7ebdf;--pb-arrow:#8fd1b0;--pb-arrow-disc:#18241e}}.grid-puzzles .pb-shadow{fill:var(--pb-shadow)}.grid-puzzles .pb-person-body{fill:var(--pb-person);stroke:var(--pb-person-edge);stroke-width:2.4px}.grid-puzzles .pb-person-head{fill:var(--pb-person-head);stroke:var(--pb-person-edge);stroke-width:2.4px}.grid-puzzles .pb-box-face{fill:var(--pb-box);stroke:var(--pb-box-edge);stroke-width:2.6px}.grid-puzzles .pb-box-line{fill:none;stroke:var(--pb-box-line);stroke-width:2px;stroke-linecap:round}.grid-puzzles .is-done .pb-box-face{fill:var(--pb-done);stroke:var(--pb-done-edge)}.grid-puzzles .is-done .pb-box-line{stroke:var(--pb-done-line);opacity:.55}.grid-puzzles .pb-tick-disc{fill:var(--pb-tick);stroke:var(--pb-person-edge);stroke-width:1.5px}.grid-puzzles .pb-tick{fill:none;stroke:var(--pb-tick-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.grid-puzzles .is-stuck .pb-box-face{stroke:var(--pb-stuck);stroke-dasharray:5 3.5;stroke-width:3px}.grid-puzzles .pb-stuck-disc{fill:var(--pb-stuck);stroke:var(--pb-person-edge);stroke-width:1.5px}.grid-puzzles .pb-stuck-mark{stroke:var(--pb-stuck-ink);stroke-width:2.6px;stroke-linecap:round}.grid-puzzles .pb-stuck-dot{fill:var(--pb-stuck-ink)}.grid-puzzles .pb-target-ring{fill:var(--pb-target-fill);stroke:var(--pb-target);stroke-width:2.4px;stroke-dasharray:6 4}.grid-puzzles .pb-target-mark{fill:var(--pb-target)}.grid-puzzles .pb-arrow{fill:none;stroke:var(--pb-arrow);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.grid-puzzles .pb-arrow-disc{fill:var(--pb-arrow-disc);stroke:var(--pb-arrow);stroke-width:2px}.grid-puzzles .pb-progress{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:.875rem}.grid-puzzles .pb-fit{width:100%;container-type:inline-size}.grid-puzzles .pb-fit .grid-board-scroll{justify-content:center;padding:2px;display:flex}.grid-puzzles .pb-board{--cell:clamp(40px, calc((100cqw - 16px) / var(--cols)), 64px);border:6px solid var(--pb-wall);background:var(--pb-floor);box-shadow:0 2px 0 var(--pb-wall-edge);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:10px;flex:none;margin:0 auto;position:relative}.grid-puzzles .pb-cells{grid-template-columns:repeat(var(--cols), var(--cell));grid-auto-rows:var(--cell);border-radius:4px;display:grid;overflow:hidden}.grid-puzzles .pb-board .pb-cell{width:var(--cell);height:var(--cell);min-width:0;min-height:0;color:var(--ink);cursor:pointer;font:inherit;box-shadow:inset -1px -1px 0 var(--pb-grid);border:0;border-radius:0;margin:0;padding:0;line-height:0;display:block;position:relative}.grid-puzzles .pb-board .pb-cell,.grid-puzzles .pb-board .pb-cell:hover:not(:disabled){background:var(--pb-cell,var(--pb-floor));background-image:var(--pb-hatch,none)}.grid-puzzles .pb-board .pb-cell[data-far]{--pb-hatch:repeating-linear-gradient(135deg, var(--pb-far) 0 2px, transparent 2px 8px)}@media (hover:hover){.grid-puzzles .pb-board .pb-cell:not(.pb-wall):hover:not(:disabled){--pb-cell:color-mix(in oklab, var(--pb-floor) 84%, var(--pb-person))}}.grid-puzzles .pb-board .pb-wall{--pb-cell:var(--pb-wall);cursor:default;box-shadow:inset 0 var(--pb-n,0) 0 var(--pb-wall-top), inset 0 calc(-1 * var(--pb-s,0px)) 0 var(--pb-wall-edge), inset var(--pb-w,0) 0 0 var(--pb-wall-top), inset calc(-1 * var(--pb-e,0px)) 0 0 var(--pb-wall-edge)}.grid-puzzles .pb-wall[data-n]{--pb-n:3px}.grid-puzzles .pb-wall[data-s]{--pb-s:5px}.grid-puzzles .pb-wall[data-w]{--pb-w:2px}.grid-puzzles .pb-wall[data-e]{--pb-e:3px}.grid-puzzles .pb-cell .pb-target{width:100%;height:100%;position:absolute;inset:0}.grid-puzzles .pb-board .pb-cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:1}.grid-puzzles .pb-board .pb-cell[data-look]{outline:3px dashed var(--pb-look);outline-offset:-4px;z-index:1}.grid-puzzles .pb-board .pb-cell[data-landed]{box-shadow:inset 0 0 0 3px var(--accent)}.grid-puzzles .pb-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.grid-puzzles .pb-token{width:var(--cell);height:var(--cell);transform:translate(calc(var(--x,0) * var(--cell)), calc(var(--y,0) * var(--cell)));line-height:0;transition:transform .13s ease-out;position:absolute;top:0;left:0}.grid-puzzles .pb-token.pb-jump{transition:none}.grid-puzzles .pb-token svg{width:100%;height:100%;overflow:visible}.grid-puzzles .pb-token-person svg{padding:4%}.grid-puzzles .pb-mark{z-index:3;transition:none}.grid-puzzles .pb-mark svg{padding:22%}@media (prefers-reduced-motion:reduce){.grid-puzzles .pb-token{transition:none}}.grid-puzzles .pb-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:12px auto 4px;padding:0;font-size:.8125rem;list-style:none;display:flex}.grid-puzzles .pb-legend li{align-items:center;gap:6px;display:inline-flex}.grid-puzzles .pb-legend svg{flex:none;width:24px;height:24px}.grid-puzzles .pb-legend .pb-legend-far{background:var(--pb-floor);background-image:repeating-linear-gradient(135deg, var(--pb-far) 0 2px, transparent 2px 6px);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--pb-grid);border-radius:3px;display:inline-block}.grid-puzzles .pb-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin:14px 0 0;display:flex}.grid-puzzles .pb-pad{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,56px);gap:6px;display:grid}.grid-puzzles .pb-pad button{place-items:center;min-height:0;padding:0;display:grid}.grid-puzzles .pb-pad svg{width:24px;height:24px}.grid-puzzles .pb-pad .pb-pad-up{grid-area:1/2}.grid-puzzles .pb-pad .pb-pad-left{grid-area:2/1}.grid-puzzles .pb-pad .pb-pad-down{grid-area:2/2}.grid-puzzles .pb-pad .pb-pad-right{grid-area:2/3}.grid-puzzles .pb-tools{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;display:flex}.grid-puzzles .pb-tools button{padding-inline:14px;font-size:.875rem}.grid-puzzles .pb-feedback{text-align:center;max-width:60ch;min-height:0;margin:12px auto 0;line-height:1.6}.grid-puzzles .pb-feedback:empty{display:none}.grid-puzzles .pb-feedback:is([data-tone=warn],[data-tone=good]):before{content:"!";content:"!" / "";background:var(--pb-stuck);width:1.3em;height:1.3em;color:var(--pb-stuck-ink);vertical-align:.08em;border-radius:50%;place-items:center;margin-inline-end:.45em;font-size:.85em;font-weight:800;line-height:1;display:inline-grid}.grid-puzzles .pb-feedback[data-tone=good]:before{content:"✓";content:"✓" / "";background:var(--pb-tick);color:var(--pb-tick-ink)}.grid-puzzles .pb-hint{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.grid-puzzles .pb-hint h3{margin:0 0 8px}.grid-puzzles .pb-hint p,.grid-puzzles .pb-help p,.grid-puzzles .pb-help li{max-width:68ch;line-height:1.6}.grid-puzzles .pb-hint .actions{justify-content:flex-start;align-items:stretch}.grid-puzzles .pb-help{margin-top:16px}.grid-puzzles .pb-methods,.grid-puzzles .pb-about-methods{margin:4px 0 12px;padding-left:22px}.grid-puzzles .pb-methods li+li,.grid-puzzles .pb-about-methods li+li{margin-top:6px}.grid-puzzles[data-phase=playing] #grid-methods{display:none}.grid-puzzles .pb-review{padding:8px 0 4px}.grid-puzzles .pb-review .pb-board{--cell:clamp(36px, calc((100cqw - 16px) / var(--cols)), 52px)}.grid-puzzles .pb-review .pb-cell{cursor:default}.grid-puzzles .pb-review-bar{grid-template-columns:1fr 1fr;gap:8px 12px;max-width:420px;margin:0 auto 12px;display:grid}.grid-puzzles .pb-review-step{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;grid-area:1/1/auto/-1;font-size:.875rem}.grid-puzzles .pb-review-bar button{grid-row:2;padding-inline:10px}.grid-puzzles .pb-review-caption{text-align:center;margin:10px 0 0;line-height:1.6}.grid-puzzles .pb-example .example-scene{min-height:0;margin:8px 0 12px}.grid-puzzles .pb-example-board{width:146px;height:auto;max-height:112px}.grid-puzzles .pb-example .pb-pic-frame{fill:var(--pb-wall)}.grid-puzzles .pb-example .pb-pic-floor{fill:var(--pb-floor)}.grid-puzzles .pb-example .pb-pic-tile{fill:var(--pb-floor);stroke:var(--pb-grid);stroke-width:1px}.grid-puzzles .pb-example .pb-pic-wall{fill:var(--pb-wall)}.grid-puzzles .pb-example .example-actions button{min-width:112px}@media (width<=650px){.grid-puzzles #grid-playing .pb-stage>.pb-fit:has(.pb-board[data-cols="7"]){--pb-board-extra:max(0px, calc(var(--page-gutter) - 16px));width:calc(100% + var(--pb-board-extra) * 2);margin-inline:calc(-1 * var(--pb-board-extra))}.grid-puzzles .pb-controls{gap:12px}.grid-puzzles .pb-tools{width:100%;max-width:none}.grid-puzzles .pb-tools button{white-space:nowrap;flex:calc(33.333% - 6px);padding-inline:8px}}@media (forced-colors:active){.grid-puzzles .pb-board{border-color:canvastext}.grid-puzzles .pb-board .pb-wall{forced-color-adjust:none;background:canvastext}.grid-puzzles .pb-board .pb-cell{box-shadow:inset -1px -1px graytext}.grid-puzzles :is(.pb-person-body,.pb-person-head){fill:highlight;stroke:canvas}.grid-puzzles .pb-box-face{fill:canvas;stroke:canvastext}.grid-puzzles .pb-box-line,.grid-puzzles .pb-arrow{stroke:canvastext}.grid-puzzles .pb-target-ring{fill:none;stroke:linktext}.grid-puzzles .pb-target-mark{fill:linktext}.grid-puzzles :is(.pb-tick-disc,.pb-stuck-disc){fill:canvastext}.grid-puzzles :is(.pb-tick,.pb-stuck-mark){stroke:canvas}}@media print{.grid-puzzles :is(.pb-controls,.pb-legend,.pb-feedback,.pb-hint,.pb-help,.grid-round-top,.grid-scroll-hint){display:none!important}.grid-puzzles .pb-board .pb-cell{background-image:none!important}.grid-puzzles .pb-token{transition:none}}