.heading-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}#walk-start{min-height:66px;width:70px;background:#ffcf24;border:2px solid #082b47;color:#17354f;padding:5px;box-shadow:3px 3px 0 #072b46;font-size:12px}#walk-start img{display:block;width:32px;height:32px;image-rendering:pixelated;margin:auto}#walk-start span{display:block}.star-bank{display:flex;align-items:center;justify-content:center;gap:7px;color:#ffdf48;font-size:12px;margin:12px 0 24px}.star-bank img{width:25px;image-rendering:pixelated}.walk-panel{margin-bottom:20px}.walk-toolbar{display:flex;align-items:center;justify-content:space-between;background:#006b69;color:#fff;padding:10px 18px;font-weight:bold;font-size:15px;min-height:48px}.walk-score{display:flex;align-items:center;gap:9px;background:#123d61;border-radius:20px;padding:3px 13px 3px 5px;min-width:69px}.walk-score img{width:28px;image-rendering:pixelated}.outdoor-scene{position:relative;aspect-ratio:320/200;overflow:hidden;background:#62bb2c;isolation:isolate}.outdoor-scene canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.walk-traveler{position:absolute;width:23%;aspect-ratio:1;transform:translate(-50%,-88%);pointer-events:none;z-index:2;left:4%;top:72%}.walk-traveler .sprite{animation-duration:.6s}.walk-star{position:absolute;width:64px;height:64px;min-height:64px;transform:translate(-50%,-50%);padding:12px;background:transparent;border:0;border-radius:50%;z-index:3;touch-action:manipulation}.walk-star:hover{background:#fff6}.walk-star:active{transform:translate(-50%,-50%) scale(.9)}.walk-star img{width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(2px 3px #183e5e);pointer-events:none;animation:star-bob 2.8s ease-in-out infinite}.walk-star:disabled{opacity:.65}.walk-hint{font-size:14px;line-height:1.5;text-align:center;padding:11px 15px;color:#17354f;min-height:45px;margin:0}.walk-choices{display:flex;gap:12px;padding:0 14px 12px}.walk-choices button{flex:1;background:#7944d6;color:white;border:2px solid #123d61;min-height:72px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px}.walk-choices button img{width:32px;image-rendering:pixelated}.walk-home{display:flex;align-items:center;justify-content:center;gap:12px;background:#ffcf24;color:#123d61;font-size:18px;width:calc(100% - 28px);margin:0 14px 15px;border:2px solid #123d61;min-height:68px}.walk-home img{width:34px;image-rendering:pixelated}.walk-next{display:block;background:#008765;color:#fff;width:calc(100% - 28px);margin:0 14px 12px;min-height:64px}.walk-summary{text-align:center;overflow:hidden}.walk-summary h2{position:relative;z-index:2}.summary-star{display:block;width:100px;margin:15px auto 0;image-rendering:pixelated;position:relative;z-index:2;animation:summary-star 1.5s ease-in-out}.walk-summary output{display:block;font-size:58px;font-weight:900;color:#123d61;position:relative;z-index:2}.walk-summary p{position:relative;z-index:2;line-height:1.5}.walk-summary .primary{position:relative;z-index:3}.summary-sparkle{position:absolute;width:28px;height:28px;image-rendering:pixelated;left:var(--sx);top:var(--sy);animation:star-gather 1.3s ease-in-out forwards;z-index:1}.walking #walk-start{display:none}.walking .below-note{display:none}.walking .pet-heading{padding-top:18px}.walking .star-bank{margin-bottom:15px}@keyframes star-bob{50%{translate:0 -4px}}@keyframes star-gather{0%{opacity:0;transform:scale(.6)}20%{opacity:1}100%{left:46%;top:40%;opacity:0;transform:scale(1.4)}}@keyframes summary-star{0%{transform:scale(.5) rotate(-12deg)}60%{transform:scale(1.15) rotate(4deg)}100%{transform:scale(1)}}@media(max-width:600px){.heading-tools{gap:7px}#walk-start{width:62px;min-height:64px}.pet-heading>div:first-child{min-width:0}.pet-heading h1{overflow-wrap:anywhere;font-size:30px}.pet-heading .muted{max-width:190px}.walk-toolbar{font-size:13px;padding:8px 12px}.walk-hint{font-size:12px}.star-bank{font-size:11px}.walk-choices{gap:9px}.walk-choices button{min-height:68px}.walk-home{font-size:16px}}@media(max-width:600px) and (max-height:650px){.pet-heading .muted{font-size:10px}.scene{aspect-ratio:240/92}.pet-heading h1{font-size:27px}.walking .pet-heading{padding-top:10px}.walk-toolbar{min-height:41px;padding:6px 12px}.walk-hint{min-height:34px;padding:7px;font-size:11px}.walk-choices{padding-bottom:8px}.walk-choices button{min-height:64px}.walk-home{margin-bottom:10px;min-height:64px}.star-bank{margin:8px 0 13px}}@media(prefers-reduced-motion:reduce){.summary-sparkle{display:none}.walk-star img{animation:none}.summary-star{animation:none}}.reduced .summary-sparkle{display:none}

.walk-traveler[data-mood=idle] .sprite,.walk-traveler[data-mood=happy] .sprite{animation-duration:1.8s}

.walk-path-choice{position:absolute;z-index:2;transform:translate(-50%,-50%);width:25%;height:24%;min-height:44px;background:transparent!important;border:0;padding:0;touch-action:manipulation;box-shadow:none}
.walk-path-choice img{width:32px;height:32px;filter:drop-shadow(2px 2px #123d61);image-rendering:pixelated;pointer-events:none}.walk-path-choice:hover{outline:3px dashed #fff;border-radius:40%}.walk-path-choice:active{transform:translate(-50%,-50%) scale(.95)}