.walk-heading{width:min(1100px,100%);margin:auto;padding:12px 160px 12px 24px}.walk-heading h1{font-size:clamp(26px,4vw,36px);margin:8px 0}.walk-heading p{font-size:14px;margin:8px 0;color:#5d7358}.walk-main{max-width:1100px;padding:0 24px 200px}.park-frame{position:relative;background:#e1edbd;border:3px solid #9dbd80;border-radius:28px;overflow:hidden;box-shadow:0 10px 30px #213e3114}#park{display:block;width:100%;height:clamp(240px,52dvh,530px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.walk-mode{position:absolute;top:10px;left:50%;transform:translateX(-50%);border:1px solid #becfa8;background:#fffdf0eb;padding:9px 16px;border-radius:18px;font-size:13px;max-width:85%;text-align:center;pointer-events:none;margin:0}.walk-help{font-size:13px;color:#5b7154;line-height:1.6}.walk-roster{background:#fffdf4;border:1px solid #d0dbc4;border-radius:18px;padding:12px 16px;font-size:14px}.walk-roster summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}.walk-roster ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.walk-roster li{padding:8px 12px;border-radius:14px;background:#edf2df}.walk-locked{text-align:center;padding:36px 16px;background:#fffdf3;border:1px solid #ccd8bb;border-radius:24px}.walk-locked>span{font-size:35px}.walk-locked p{line-height:1.7;color:#617357}.walk-page .action-dock button[aria-pressed=true]{outline:3px solid #51714c;outline-offset:2px}.walk-page .action-dock button[aria-pressed=true]:after{content:' ✓'}
@media(max-width:650px){.walk-heading{padding-left:16px;padding-right:135px}.walk-heading h1{font-size:28px;min-width:220px}.walk-heading p{min-width:225px}.walk-main{padding-left:12px;padding-right:12px}.park-frame{border-radius:22px}#park{height:440px;max-height:54dvh}.walk-mode{font-size:12px;max-width:90%;width:max-content;padding:8px 10px}.walk-heading .back{font-size:12px;min-width:200px}}
@media(max-height:500px) and (min-width:651px){.walk-heading{padding-top:3px;padding-bottom:5px;display:flex;flex-wrap:wrap;align-items:center;gap:0 20px}.walk-heading h1{font-size:25px;margin:2px 0}.walk-heading p{margin:0}.walk-heading .back{font-size:12px}.walk-main{padding-top:4px}#park{height:245px}.walk-mode{font-size:11px;padding:6px 10px}.walk-page .action-dock{bottom:76px;max-width:620px}}

#care-dialog{position:fixed;inset:auto auto 84px 50%;transform:translateX(-50%);margin:0;width:min(620px,calc(100% - 24px));padding:20px;border:2px solid #9fba8c;border-radius:26px;background:#fffdf3;color:#2b4834;max-height:calc(100dvh - 110px);overflow:auto}#care-dialog h2{font-size:25px;margin:0 0 8px}#care-dialog p{font-size:14px;line-height:1.5;margin:6px 0 16px}.care-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.care-choices button{min-height:100px;min-width:64px;padding:12px;font-size:15px}.care-choices span{display:block;font-size:30px;margin-bottom:5px}#give-water{background:#e1f2f6;border-color:#71aebc}#give-food{background:#f3e2ce;border-color:#bf9068}#care-close{width:100%;margin-top:12px;min-height:64px;background:#eaf0df}#care-dialog::backdrop{background:#1c38295c}