.pete-paths{padding:16px 20px 24px;color:#203d51;font-size:var(--pp-base,1rem);background:#f6faf8;border-radius:0 0 18px 18px}.pp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.pp-toolbar>span{font-weight:bold}.pp-toolbar .text-button{font-size:.9rem;color:#203d51}.pp-progress{display:grid;grid-template-columns:repeat(6,30px);justify-content:center;gap:9px;margin:4px 0 14px}.pp-progress span{width:30px;height:30px;border:2px solid #91b3bb;border-radius:50%;display:grid;place-items:center;font-size:.875rem;background:white}.pp-progress .current{border-color:#264b5e;box-shadow:0 0 0 3px #f5d480}.pp-progress .done{background:#244e60;color:white}.pp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:600px;margin:auto}.pp-heading h3{font-size:1.35rem;margin:0}.pp-heading #pp-goal{display:flex;align-items:center;gap:6px;font-size:var(--pp-base,1rem);white-space:nowrap}.pp-heading img{width:26px;height:26px;object-fit:contain}.pete-paths .pp-instruction{padding:10px 0;margin:0 auto;min-height:60px;max-width:600px;font-size:var(--pp-base,1rem);text-align:left;color:#203d51}.pp-scene{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;padding:25px 10px;max-width:600px;margin:auto;background:#174d61 url('/assets/pete-paths/cove.webp') center/cover;border-radius:22px;border:2px solid #355f72;position:relative;min-width:0}.pp-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0;position:relative;min-width:0;background:#1d708477;border-radius:10px;padding:0}.pp-tile{aspect-ratio:1;position:relative;border:0;padding:0;margin:0;min-width:0;min-height:0;background:transparent;isolation:isolate;touch-action:manipulation}.pp-tile.stone{border-radius:22%;background:#fff1c7;box-shadow:inset 0 0 0 3px #d6b776;cursor:pointer}.pp-tile.stone:hover:not(:disabled){background:#ffe39b}.pp-tile.fixed.stone{background:#a3cedd;box-shadow:inset 0 0 0 3px #507d93;cursor:default}.pp-tile.walked.stone{background:#cde4b2}.pp-tile:disabled{opacity:1;cursor:default}.pp-tile:focus-visible{outline:4px solid #122b40;outline-offset:-5px;z-index:4}.pp-tile.hint{box-shadow:inset 0 0 0 4px #a04c1e}.pp-tile.gap{box-shadow:inset 0 0 0 4px #92461b}.pp-track{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pp-track path{stroke:#315363;stroke-width:20;fill:none;stroke-linecap:butt;stroke-linejoin:round}.pp-track.pp-guide path{stroke:#ad5422;stroke-width:5;stroke-dasharray:8 6}.pp-shell{position:absolute;top:6%;left:5%;width:29%;height:29%;background:#fffdf1;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 3px #243c5255;z-index:2;pointer-events:none}.pp-shell img{width:90%;height:90%;object-fit:contain}.pp-shell.collected{opacity:.3}.pp-anchor{position:absolute;bottom:4%;right:8%;font-size:.65rem;color:#315363}.pp-shore{position:relative;align-self:stretch;min-width:0;pointer-events:none}.pp-shore .pp-portrait{position:absolute;top:var(--row);left:50%;transform:translate(-50%,-50%);width:54px;height:75px;filter:drop-shadow(0 3px 1px #183f5444);mix-blend-mode:multiply}.pp-end .pp-portrait{width:57px;height:62px}.pp-shore span{position:absolute;top:calc(var(--row) + 38px);left:50%;transform:translateX(-50%);color:#fff;background:#153a50;padding:3px 5px;border-radius:6px;font-size:.875rem;white-space:nowrap;z-index:5}.pp-token{position:absolute;left:var(--x);top:var(--y);width:calc(78% / var(--n));aspect-ratio:178/295;transform:translate(-50%,-58%);pointer-events:none;z-index:6;transition:top .3s ease,left .3s ease;filter:drop-shadow(0 3px 3px #123a5955)}.pp-token.at-shore{visibility:hidden}.pp-token .pp-portrait{width:100%;height:100%;background:#fff8;border-radius:40%;mix-blend-mode:multiply}.pp-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:14px 0 6px}.pete-paths .pill{font-size:var(--pp-base,1rem);min-height:46px;padding:10px 18px}.pete-paths .text-button{font-size:.9rem;min-height:44px}.pp-tip{text-align:center;font-size:.9rem;line-height:1.5;margin:8px auto;max-width:560px}.pp-grownups{font-size:.9rem;max-width:600px;margin:20px auto 0;border-top:1px solid #b9cace;padding-top:8px}.pp-grownups summary{cursor:pointer;padding:10px 0;min-height:44px;font-weight:bold}.pp-grownups p{margin:12px 0;line-height:1.6}.pp-round-result{text-align:center}.pp-round-result h3{font-size:1.4rem;margin:16px 0 8px}.pp-round-result p{font-size:var(--pp-base,1rem);margin:0 auto;max-width:480px}.pp-finale{background:#e3f0f0 url('/assets/pete-paths/cove.webp') center/cover;padding:24px 15px;text-align:center;border-radius:18px}.pp-friends{display:flex;align-items:flex-end;justify-content:center;gap:15px;margin:0 auto 16px;background:#fff9;border-radius:40%;max-width:300px;padding:18px}.pp-friends .pp-portrait{height:140px;width:105px;mix-blend-mode:multiply}.pp-friends .pp-portrait:last-child{width:135px;height:115px}.pp-finale h3,.pp-finale p{background:#f9fcf3e8;padding:8px 12px;border-radius:12px;max-width:440px;margin:10px auto}.pp-finale h3{font-size:1.5rem}.pp-offline{max-width:500px;margin:16px auto;font-size:.95rem;text-align:center}.pete-paths .text-link{display:block;text-align:center}.pp-quiet .pp-token{transition:none}@media(max-width:480px){.pete-paths{padding:12px 10px 20px}.pp-scene{grid-template-columns:34px minmax(0,1fr) 34px;padding:22px 4px;border-radius:16px}.pp-shore .pp-portrait{width:42px;height:58px}.pp-end .pp-portrait{width:42px;height:48px}.pp-shore span{font-size:.875rem;top:calc(var(--row) + 29px);padding:3px}.pp-heading h3{font-size:1.15rem}.pp-actions{gap:8px}.pete-paths .pill{padding:10px 14px}.pp-progress{grid-template-columns:repeat(6,26px);gap:7px;margin-top:3px}.pp-progress span{width:26px;height:26px}.pp-anchor{font-size:.6rem}.pete-paths .pp-instruction{min-height:62px}}@media(prefers-reduced-motion:reduce){.pp-token{transition:none}}

.pp-story{font-size:var(--pp-base,1rem);line-height:1.5;text-align:center;margin:8px auto 12px;max-width:560px}.pp-away .pp-portrait{visibility:hidden}

body.big-text .pete-paths{--pp-base:1.2rem}body.big-text .pp-tip,body.big-text .pp-grownups{font-size:1.05rem}