:root{font-family:"Trebuchet MS",system-ui,sans-serif;color:#46372c;background:#315c55}*{box-sizing:border-box}body{margin:0;min-width:320px}.pet-life-world{min-height:100dvh}.pet-life-world>header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:9px max(18px,env(safe-area-inset-right)) 9px max(18px,env(safe-area-inset-left));background:#fff9e9;box-shadow:0 5px 16px rgba(46,36,25,.22)}header>div{text-align:center}header small,header strong{display:block}header small{font-size:10px;letter-spacing:.15em}header strong{font-size:clamp(17px,2vw,24px)}header a{color:#4e775f;font-weight:900;text-decoration:none}header a:last-child{justify-self:end}.pet-life-scene{position:relative;min-height:calc(100dvh - 76px);overflow:hidden;padding:28px 4% 65px}.pet-life-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,49,43,.4),rgba(26,49,43,.08) 35%,rgba(26,49,43,.28)),url('/peblet-home-interior.png') center/cover no-repeat;filter:saturate(1.06)}.pet-guide{position:fixed;z-index:2;left:3%;bottom:7%;width:min(28vw,360px);height:min(52vh,490px);display:flex;align-items:flex-end;justify-content:center}.pet-guide img{width:100%;height:76%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 8px rgba(34,28,20,.32))}.pet-guide-speech{position:absolute;left:62%;top:0;width:clamp(205px,22vw,300px);border:4px solid #7b583b;border-radius:22px;background:#fff9eb;padding:13px 16px;box-shadow:0 7px 0 rgba(68,44,28,.28)}.pet-guide-speech strong,.pet-guide-speech span{display:block}.pet-guide-speech strong{font-size:19px}.pet-guide-speech span{margin-top:4px;font-size:12px;line-height:1.3}.planner,.care-project{position:relative;z-index:4;width:min(680px,62vw);margin-left:auto;border:5px solid rgba(106,76,47,.7);border-radius:30px;background:rgba(255,250,232,.96);box-shadow:0 18px 45px rgba(27,38,29,.37);padding:clamp(20px,2.7vw,34px)}.eyebrow{margin:0;color:#5b8968;font-size:10px;font-weight:1000;letter-spacing:.14em}.planner h1,.care-project h2{margin:4px 0 7px;line-height:1}.planner h1{font-size:clamp(29px,4vw,46px)}.planner>p:not(.eyebrow),.care-project>p:not(.eyebrow){margin:0 0 15px;line-height:1.4}.meal-bowls{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.meal-bowl{position:relative;display:grid;place-items:center;min-height:135px;border:3px solid #c0aa79;border-radius:24px;background:linear-gradient(#eef3da,#d8e6c5);color:#49382b;cursor:pointer}.meal-bowl .bowl{font-size:50px;filter:drop-shadow(0 5px 2px rgba(55,42,27,.2))}.meal-bowl .treat{position:absolute;right:11px;top:9px;font-size:26px;filter:grayscale(1);opacity:.35;transform:rotate(-12deg)}.meal-bowl[aria-pressed="true"]{border-color:#c95d67;background:#fff0df}.meal-bowl[aria-pressed="true"] .treat{filter:none;opacity:1;animation:treatPop .3s ease-out}.meal-bowl strong,.meal-bowl small{display:block}.meal-bowl small{font-size:10px}@keyframes treatPop{50%{transform:rotate(9deg) scale(1.3)}}.plan-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.plan-totals div{border-radius:16px;background:#f0ead7;padding:10px;text-align:center}.plan-totals span,.plan-totals strong{display:block}.plan-totals span{font-size:11px;font-weight:850}.plan-totals strong{margin-top:3px;font-size:21px}.reserve-plan{display:grid;grid-template-columns:1fr minmax(140px,1fr) auto;align-items:center;gap:12px;margin-top:13px;border-radius:18px;background:#e8eef1;padding:11px 14px}.reserve-plan span b,.reserve-plan span small{display:block}.reserve-plan span small{font-size:10px}.reserve-plan input{width:100%;height:44px}.reserve-plan>strong{font-size:20px}.save-plan{display:block;min-height:49px;margin:15px auto 0;border:0;border-radius:999px;background:#548467;color:white;padding:10px 20px;font:950 15px inherit;box-shadow:0 5px 0 #355f49;cursor:pointer}.planner-message,.project-message{min-height:20px;margin:10px 0 0!important;color:#477456;font-weight:850;text-align:center}.care-project{margin-top:17px}.project-choices{display:grid;grid-template-columns:1fr 1fr;gap:11px}.project-choices button{min-height:124px;border:3px solid #c4b189;border-radius:21px;background:#fffdf5;color:#48372c;padding:10px;cursor:pointer}.project-choices button.selected{border-color:#669675;background:#e8f2d9}.project-art{display:block;font-size:38px}.project-choices strong,.project-choices small{display:block}.project-choices small{margin-top:4px}.chapter-progress{position:fixed;z-index:7;right:2%;bottom:2%;width:min(340px,50vw);border:3px solid #fff4c7;border-radius:20px;background:rgba(50,75,63,.93);color:white;padding:10px 13px;box-shadow:0 8px 20px rgba(20,29,23,.3)}.chapter-progress strong,.chapter-progress span{display:block}.chapter-progress span{font-size:11px}.chapter-progress>div{height:8px;margin-top:7px;border-radius:999px;background:rgba(255,255,255,.2);overflow:hidden}.chapter-progress i{display:block;width:0;height:100%;background:#f0d16d;transition:width .35s}.planner.locked,.care-project.locked{filter:grayscale(.5);pointer-events:none}.planner.locked:after{content:"Finish your First Week story and welcome a pet to unlock Chapter Two.";position:absolute;inset:0;display:grid;place-items:center;border-radius:24px;background:rgba(255,250,232,.93);padding:30px;font-size:20px;font-weight:950;text-align:center}@media(max-width:850px){.pet-life-scene{min-height:1250px}.pet-guide{position:absolute;left:2%;top:18px;bottom:auto;width:40%;height:350px}.pet-guide-speech{left:70%;width:52vw}.planner,.care-project{width:94%;margin:340px auto 0}.care-project{margin-top:17px}.chapter-progress{width:55vw}}@media(max-width:560px){header strong{font-size:14px}.pet-life-scene{padding-left:2%;padding-right:2%}.pet-guide{width:47%;height:300px}.pet-guide-speech{left:64%;width:57vw}.planner{margin-top:300px}.meal-bowls{grid-template-columns:repeat(2,1fr)}.plan-totals{grid-template-columns:1fr}.reserve-plan{grid-template-columns:1fr}.project-choices{grid-template-columns:1fr}.chapter-progress{left:3%;right:3%;width:auto}.pet-life-scene{padding-bottom:115px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.pet-life-world>header>a{display:inline-flex;align-items:center;min-height:44px}
.pet-life-art{background-image:linear-gradient(90deg,rgba(26,49,43,.4),rgba(26,49,43,.08) 35%,rgba(26,49,43,.28)),url('/peblet-home-interior-pet-door.webp')}
.meal-bowl .bowl,.project-art{transform-origin:50% 100%}
[data-motion="reduced"] *{animation:none!important;transition:none!important}

/* Discrete Save choices replace the hard-to-read range slider. */
.reserve-plan{grid-template-columns:1fr;margin-inline:0;min-width:0}.reserve-plan legend{padding:0;color:#46372c;font-size:16px;font-weight:1000}.reserve-plan>small{font-size:12px}.reserve-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reserve-choices button{min-height:58px;border:3px solid #9cb6ac;border-radius:16px;background:#fffaf0;color:#365b50;font:900 13px inherit;cursor:pointer;touch-action:manipulation}.reserve-choices button strong{display:block;font-size:22px}.reserve-choices button[aria-pressed="true"]{border-color:#356f5b;background:#dcefdc;box-shadow:0 0 0 3px rgba(76,130,105,.2)}.reserve-choices button:focus-visible{outline:4px solid #f0c95e;outline-offset:2px}.reserve-result{font-size:17px;text-align:center}
