.pp-game{--pp-ink:#405c68;--pp-edge:#92b6b2;max-width:680px;margin:auto;color:var(--pp-ink);text-align:center}.pp-game button{touch-action:manipulation}.pp-progress{display:flex;justify-content:center;gap:11px;margin:0 auto 12px}.pp-progress>span{width:28px;height:28px;opacity:.26;filter:grayscale(1)}.pp-progress>span.done{opacity:1;filter:none}.pp-progress>span.current{opacity:.7;filter:none}.pp-progress svg{width:100%;height:100%}.pp-bubble{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px;font-size:clamp(18px,4vw,24px);font-weight:800}.pp-mini-friend{width:60px;height:74px;overflow:hidden;flex:none}.pp-mini-friend svg{height:100%;width:100%;filter:drop-shadow(0 4px 2px #4e798222)}.pp-happy .pp-mini-friend{animation:pp-joy .65s ease-in-out infinite alternate}.pp-board{margin:12px auto 18px;outline-offset:5px}.pp-board:focus-visible,.pp-game button:focus-visible{outline:4px solid #765bb7}.pp-road{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:min(430px,100%);padding:12px;background:linear-gradient(165deg,#e2f1d3,#b9d9bf);border:3px solid #83b89b;border-radius:27px;box-shadow:0 9px 0 #6e9f8c,0 16px 20px #38666118;transform:perspective(700px) rotateX(4deg)}.pp-road-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:16px;background:#f7edce;border:2px solid #d8c79e;box-shadow:inset 0 -5px 0 #c9b88840}.pp-road-cell.pp-goal{background:#fff5b0;box-shadow:0 0 18px #ffd867aa,inset 0 -5px 0 #d1ac4730}.pp-road-cell>svg{width:83%;height:83%;filter:drop-shadow(0 5px 1px #af886633)}.pp-robot{display:block;width:95%;height:95%;animation:pp-engine 1.5s ease-in-out infinite}.pp-robot svg{width:100%;height:100%;filter:drop-shadow(0 6px 1px #537a8b30)}.pp-tiny-pippo{display:block;width:98%;height:100%;overflow:hidden}.pp-tiny-pippo svg{width:100%;height:100%}.pp-arrows{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:58px 58px;justify-content:center;gap:7px;margin:16px auto}.pp-arrows button{background:linear-gradient(#fffef2,#e2eedc);border:2px solid #80aa99;border-radius:16px;box-shadow:0 5px 0 #72a18c;color:#365d5b;font-size:34px;font-weight:900;line-height:1}.pp-arrows button:nth-child(1){grid-column:2}.pp-arrows button:nth-child(2){grid-row:2;grid-column:1}.pp-arrows button:nth-child(3){grid-row:2;grid-column:2}.pp-arrows button:nth-child(4){grid-row:2;grid-column:3}.pp-game button:active:not(:disabled){transform:translateY(3px);box-shadow:none}.pp-game button:disabled{cursor:default}.pp-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px auto}.pp-actions>button{min-height:48px;max-width:100%}.pp-note{max-width:480px;margin:10px auto 0;font-size:14px;line-height:1.45;color:#60757c}.pp-nine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(330px,100%);padding:14px;border:3px solid #96b6c2;border-radius:26px;background:linear-gradient(145deg,#cfe8ed,#a9cad8);box-shadow:0 8px 0 #82a5b8}.pp-sun-cell{aspect-ratio:1;min-width:0;background:#f5faf4;border:2px solid #9bbbc3;border-radius:50%;font-size:32px;color:#a8c0bd;box-shadow:inset 0 5px 0 #7f9fb920}.pp-sun-cell svg{width:93%;height:93%}.pp-sun-cell.pp-filled{background:#fff1ba;opacity:1}.pp-sun-cell.pp-line{box-shadow:0 0 0 3px #e7ba54,0 0 22px #ffe590}.pp-sun-model{display:flex;justify-content:center;gap:4px;margin:5px auto}.pp-sun-model svg{width:38px;height:38px}.pp-picture{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;max-width:280px;padding:15px 24px;background:linear-gradient(160deg,#fff7dc,#f2e6c8);border:2px solid #d9c69e;border-radius:30px;box-shadow:0 8px 0 #d1bb95}.pp-picture>svg{width:160px;height:160px;animation:pp-object 3s ease-in-out infinite}.pp-word{font-weight:900;font-size:32px;letter-spacing:.12em}.pp-word b{color:#bd5676;border-bottom:4px solid #e59bb0}.pp-choices{display:flex;justify-content:center;gap:14px;flex-wrap:nowrap;margin:14px auto}.pp-choices>button{position:relative;display:grid;place-items:center;width:94px;min-height:90px;max-width:30%;border:2px solid #9aafbe;border-radius:22px;background:linear-gradient(#fffef3,#e6ede7);box-shadow:0 7px 0 #89a5b4;font-size:44px;font-weight:900;color:#42637a}.pp-choices small{display:block;position:absolute;bottom:5px;right:10px;font-size:12px;opacity:.65}.pp-choices svg{width:85%;height:85%;padding:4px}.pp-right{box-shadow:0 0 0 4px #78b89b!important}.pp-hint{animation:pp-hint 1.1s ease-in-out 3}.pp-star-sky{position:relative;display:grid;place-items:center;width:min(350px,100%);height:215px;overflow:hidden;border:3px solid #8d9dc8;border-radius:90px 90px 28px 28px;background:linear-gradient(#6e7dac,#a5bee0);box-shadow:0 8px 0 #7783ad}.pp-target-star{display:block;width:142px;height:142px;z-index:1;animation:pp-object 3s ease-in-out infinite}.pp-star-sky i{position:absolute;width:10px;height:10px;background:#fff3be;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);animation:pp-twinkle 2s infinite alternate}.pp-star-sky i:nth-of-type(1){left:12%;top:21%}.pp-star-sky i:nth-of-type(2){right:17%;top:10%;animation-delay:.4s}.pp-star-sky i:nth-of-type(3){right:12%;bottom:20%;animation-delay:.8s}.pp-star-sky i:nth-of-type(4){left:19%;bottom:16%;animation-delay:1.2s}.pp-star-sky.pp-lit i{width:24px;height:24px}.pp-necklace{max-width:380px;padding:14px;background:linear-gradient(150deg,#fff2e4,#eddceb);border:2px solid #c6a7c1;border-radius:28px;box-shadow:0 8px 0 #bca2bc}.pp-necklace-label{font-size:14px;font-weight:800;margin:2px auto 4px}.pp-bead-string{position:relative;display:flex;justify-content:center;align-items:center;gap:24px;margin:4px auto 10px;min-height:84px}.pp-bead-string:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:5px;background:#ad877c;border-radius:9px}.pp-bead-string>svg,.pp-bead-hole{position:relative;width:80px;height:80px;z-index:1;flex:none}.pp-bead-string>svg{animation:pp-bead-in .3s ease-out}.pp-bead-hole{display:block;width:65px;height:65px;border:3px dashed #baa1b5;border-radius:50%;background:#f9eff2}.pp-next-hole{box-shadow:0 0 0 5px #e4bbd9}.pp-model{opacity:.94}.pp-friend{width:160px;height:170px;margin:auto}.pp-friend svg{width:100%;height:100%}.pp-happy .pp-target-star{animation:pp-joy .6s ease-in-out infinite alternate}.pp-happy .pp-bead-string>svg{animation:pp-object 1s ease-in-out infinite alternate}@keyframes pp-joy{to{transform:translateY(-10px) rotate(7deg)}}@keyframes pp-engine{50%{transform:translateY(-3px) rotate(-2deg)}}@keyframes pp-object{50%{transform:translateY(-6px) rotate(3deg)}}@keyframes pp-hint{50%{outline:5px solid #e6b65a;outline-offset:3px}}@keyframes pp-twinkle{to{opacity:.35;transform:scale(.55) rotate(45deg)}}@keyframes pp-bead-in{from{transform:translateY(-20px) scale(.8);opacity:.2}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:440px){.pp-road{gap:5px;padding:8px;border-radius:20px}.pp-road-cell{border-radius:12px}.pp-choices{gap:10px}.pp-choices>button{width:84px;min-height:84px}.pp-arrows{grid-template-columns:repeat(3,61px);grid-template-rows:55px 55px}.pp-mini-friend{width:50px;height:64px}.pp-bubble{gap:5px}.pp-star-sky{height:190px}.pp-note{font-size:13px}.pp-picture>svg{width:135px;height:135px}}@media(prefers-reduced-motion:reduce){.pp-game *{animation:none!important;transition:none!important;transform:none!important}}html[data-theme=dark] .pp-game,body.dark .pp-game{--pp-ink:#d7e8e5}html[data-theme=dark] .pp-note,body.dark .pp-note{color:#bed1ce}