:root{--ink:#354d3c;--pink:#b94867;--cream:#fffdf3;--leaf:#dbeac9}*{box-sizing:border-box}body{margin:0;background:#edf4df;color:var(--ink);font-family:'Nunito','Trebuchet MS',ui-rounded,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:4px solid #8450a3;outline-offset:5px}button:disabled{cursor:default}main{max-width:1100px;margin:auto;padding:30px 28px 18px;position:relative}header{text-align:center}header p{margin:4px 0 24px;font-size:17px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(45px,6vw,72px);letter-spacing:-3px;margin:3px 0;font-weight:900;line-height:1.15}h1 span{color:var(--pink)}h1 i{font-style:normal;font-size:40px;color:#d79836;display:inline-block;transform:rotate(18deg);vertical-align:top;margin:9px 0 0 10px}.sun{position:absolute;right:7%;top:25px;font-size:76px;color:#e1ad47}.cloud{position:absolute;width:115px;height:30px;border-radius:50px;background:#fffdf3;opacity:.7}.cloud:before{content:'';position:absolute;left:25px;top:-18px;width:55px;height:48px;background:inherit;border-radius:50%}.cloud-one{top:90px;left:5%}.cloud-two{top:155px;right:4%;transform:scale(.7)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:730px;padding:14px 30px;border:2px solid #fffdf4;background:#f8faef;border-radius:25px;box-shadow:0 5px 0 #dbe6cf;position:relative;z-index:2}.stat{text-align:center;min-width:115px}.stat>span{display:block;font-size:10px;font-weight:bold;letter-spacing:1px}.stat strong{font-size:32px;line-height:1.15}.best strong{color:var(--pink)}.clock{text-align:center;width:220px}.clock>span{font-size:28px;font-weight:900}.clock small{display:block;font-size:11px}.track{height:6px;background:#e2e7d8;border-radius:5px;margin-top:6px;overflow:hidden}#timebar{height:100%;width:100%;background:#a5ba86;border-radius:5px}.garden{position:relative;padding:46px 0 20px;margin-top:5px;isolation:isolate}.blanket{position:absolute;inset:137px -10px 0;z-index:-1;transform:rotate(-1deg);border:8px solid #fffcf1;border-radius:44px;background-color:#fff6ec;background-image:linear-gradient(90deg,#edb9b444 50%,transparent 50%),linear-gradient(#edb9b444 50%,transparent 50%);background-size:46px 46px;box-shadow:0 7px 0 #cddcb9}.pets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:6px}.pet{position:relative;border:0;background:transparent;padding:0 2px 5px;min-width:0;border-radius:24px;transition:transform .16s}.pet:not(:disabled):hover{transform:translateY(-6px)}.pet img{display:block;width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 1px #77956b25);pointer-events:none}.bubble{display:flex;align-items:center;justify-content:center;position:relative;background:var(--cream);border:2px solid #dfddca;border-radius:22px;min-width:62px;width:70px;height:58px;margin:0 auto 6px;box-shadow:0 3px 0 #c3d4b5;font-size:32px}.bubble:after{content:'';position:absolute;bottom:-8px;left:26px;width:10px;height:10px;background:var(--cream);border-right:2px solid #dfddca;border-bottom:2px solid #dfddca;transform:rotate(45deg)}.pet-name{display:block;font-size:16px;font-weight:900;line-height:1.25}.owner{display:block;font-size:11px;margin-top:3px;color:#5a6c58}.key{display:inline-flex;align-items:center;justify-content:center;font-size:10px;border-radius:6px;background:#fffdf2;border:1px solid #c7c9b2;width:18px;height:18px;margin-right:4px;vertical-align:2px}.basket-wrap{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--cream);border:2px solid #e4ceb5;border-radius:24px;width:max-content;max-width:94%;margin:26px auto 0;padding:10px 23px;box-shadow:0 4px 0 #d7bfa1}.basket-icon{font-size:53px;line-height:1}.basket-label{font-size:10px;letter-spacing:1.4px;font-weight:800}.basket-item{font-size:22px}.basket-item>span{font-size:27px}.basket-note{font-size:11px;line-height:1.5;border-left:1px solid #ddd5bf;padding-left:18px;margin-left:15px}.basket-note span{font-size:20px;color:var(--pink)}.flower{position:absolute;font-size:43px;color:#e7aa44;z-index:-1}.f1{left:-20px;top:50px;transform:rotate(-15deg)}.f2{right:-20px;top:100px;color:#cb7c93}.f3{left:60px;bottom:-25px;color:#fffdf1}.below{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.below p{font-size:14px;font-weight:bold;margin:0}.controls{display:flex;gap:8px}.small{border:1px solid #becba9;border-radius:13px;background:#f8faef;padding:10px 15px;min-height:44px;font-size:13px;font-weight:bold}.small:disabled{opacity:.5}.hint{text-align:center;font-size:12px;margin-top:20px;color:#54654d}kbd{font:inherit;background:#fffdf3;border:1px solid #c3cdb5;border-radius:4px;padding:1px 5px}footer{text-align:center;font-size:12px;margin-top:24px}footer>span{color:var(--pink);font-size:19px}footer small{display:block;margin-top:5px;font-size:10px;color:#60715b}dialog{border:2px solid #f2d5b9;border-radius:35px;padding:25px 35px 30px;color:var(--ink);background:var(--cream);text-align:center;max-width:calc(100% - 32px);width:430px;box-shadow:0 12px 0 #6d79502a}dialog::backdrop{background:#40543955;backdrop-filter:blur(4px)}dialog h2{font-size:34px;line-height:1.12;letter-spacing:-1px;margin:12px 0 17px}dialog p{font-size:15px;line-height:1.6}.modal-flower{font-size:57px;color:var(--pink);line-height:1.1;margin-bottom:10px}.rules{display:flex;justify-content:center;gap:20px;font-size:12px;padding:16px 0;border-block:1px dashed #dbd5bc}.mini{font-size:12px!important;color:#62725a}.primary{border:0;border-bottom:5px solid #913a52;border-radius:17px;background:var(--pink);color:white;padding:15px 30px;font-size:18px;font-weight:800;width:100%;min-height:54px;margin-top:8px}.primary:hover{background:#a7405b}.primary:active{transform:translateY(2px);border-bottom-width:3px}.final-score{font-size:74px;font-weight:900;color:var(--pink);line-height:1}.joy{animation:bounce .5s ease}.heart{position:absolute;top:30%;left:40%;color:#bd4968;font-size:38px;pointer-events:none;animation:heart .7s ease forwards}.paused .pet img,.paused .bubble{opacity:.45}@keyframes bounce{50%{transform:translateY(-20px) rotate(-4deg)}}@keyframes heart{to{transform:translateY(-90px) rotate(16deg);opacity:0}}@media(max-width:700px){main{padding:18px 16px 14px}.sun{font-size:45px;right:5px;top:30px}.cloud{display:none}header p{font-size:13px;margin-bottom:16px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{letter-spacing:-2px}h1 i{font-size:27px}.toolbar{padding:10px 12px;gap:10px}.stat{min-width:65px}.stat>span{font-size:8px;letter-spacing:.4px}.stat strong{font-size:25px}.clock{width:140px}.clock>span{font-size:24px}.clock small{font-size:9px}.garden{padding-top:22px}.pets{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 4px}.pet{grid-column:span 2}.pet:nth-child(4){grid-column:2 / span 2}.pet:nth-child(5){grid-column:4 / span 2}.pet img{max-height:125px}.bubble{font-size:25px;width:51px;min-width:0;height:42px;border-radius:16px;margin-bottom:4px}.bubble:after{left:19px}.pet-name{font-size:12px}.key{width:15px;height:15px;font-size:9px;margin-right:2px}.owner{font-size:9px}.blanket{inset:105px -5px 0;border-width:5px;border-radius:30px;background-size:34px 34px}.basket-wrap{gap:8px;padding:10px 15px;margin-top:16px}.basket-icon{font-size:41px}.basket-item{font-size:18px}.basket-label{font-size:8px}.basket-note{display:none}.flower{font-size:30px}.f1{left:-8px;top:5px}.f2{right:-6px;top:245px}.below{flex-direction:column;margin-top:17px;gap:10px}.below p{font-size:12px;min-height:18px}.small{padding:8px 15px;font-size:12px}.hint{font-size:10px;margin:12px 0}.hint span{display:block;margin-top:5px}footer{margin-top:14px;font-size:11px}footer small{font-size:9px}dialog{padding:22px 22px 25px}dialog h2{font-size:29px}dialog p{font-size:13px}.rules{gap:12px;font-size:11px}}@media(max-width:350px){.pet-name{font-size:10px}.pet img{max-height:100px}.pets{gap:10px 2px}header p{font-size:12px}.key{display:none}.clock small{font-size:8px}.stat>span{font-size:7px}.toolbar{gap:4px}.owner{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.heart{display:none}}

/* Garden games: shared menu and navigation. */
[hidden]{display:none!important}.home-view{text-align:center;padding:30px 0}.home-view h1{font-size:clamp(42px,6vw,68px);line-height:1.06;margin:20px 0;color:#354d3c}.home-view>p{font-size:16px}.game-choices{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:820px;margin:35px auto}.game-choice{text-align:left;border:2px solid #d8dfc9;background:#fffdf3;border-radius:30px;overflow:hidden;padding:0 0 22px;box-shadow:0 6px 0 #d4dfc6}.game-choice:hover{border-color:#b94867}.game-choice>span{display:block;margin-inline:25px}.choice-title{font-size:30px;font-weight:900;margin-top:18px}.choice-description{font-size:14px;margin-top:6px}.choice-tag{font-size:11px;color:#5a6c58;margin-top:14px}.choice-play{font-weight:900;color:#a33453;margin-top:18px}.choice-play span{float:right}.choice-art{height:205px;position:relative;overflow:hidden;background:#bce0df}.choice-art img{position:absolute;width:170px;bottom:5px;left:25px}.choice-art img+img{left:auto;right:10px;width:150px}.picnic-art{background:linear-gradient(transparent 52%,#d7eab0 52%)}.picnic-art:before{content:'';position:absolute;inset:60% 5% -10%;border-radius:50%;background:repeating-conic-gradient(#eeb3bc 0% 25%,#fff5e8 0% 50%) 0/28px 28px}.picnic-art>span{position:absolute;font-size:55px;bottom:3px;left:44%}.hide-art img{left:calc(50% - 85px);bottom:10px}.preview-bush{position:absolute;left:12%;right:12%;height:70px;bottom:-10px;border-radius:50% 60% 0 0;background:#6d956a;box-shadow:-55px 20px 0 #83a76c,60px 15px 0 #8aad71}.menu-button{margin-bottom:14px}.home-foot{font-size:12px!important;margin-top:35px!important}
@media(max-width:600px){.home-view{padding:15px 0}.game-choices{gap:18px;grid-template-columns:1fr;max-width:390px;margin-top:25px}.choice-art{height:155px}.choice-art img{width:140px}.choice-art img+img{width:125px}.choice-title{font-size:26px}.home-view>p{font-size:13px}.game-choice>span{margin-inline:20px}}

/* Illustrated outdoor stage. Pets sit together in staggered groups, not cards. */
body{background:#f4f5e8}.sun,.cloud{display:none}main{max-width:1180px;padding-top:22px}.garden,.seek-garden{height:650px;padding:0;margin-top:20px;border:3px solid #fffdf3;border-radius:35px;overflow:hidden;background:#c6dca5 url('assets/garden.svg') center/100% 100% no-repeat;box-shadow:0 6px 0 #dbe3c9;position:relative;isolation:isolate}.flower{display:none}.blanket{inset:305px 17% 80px;transform:rotate(-3deg);border:7px solid #fff7ed;border-radius:45% 35% 30% 30%/25%;background-color:#fff4e7;background-image:linear-gradient(90deg,#dd829b55 50%,transparent 50%),linear-gradient(#dd829b55 50%,transparent 50%);background-size:40px 40px;box-shadow:0 8px 0 #a8bd85;z-index:0}.pets{display:block;position:absolute;inset:0}.pet{position:absolute;width:18%;max-width:185px;padding:0;z-index:2;border-radius:22px}.pet:nth-child(1){left:20%;top:180px}.pet:nth-child(2){left:42%;top:162px}.pet:nth-child(3){left:64%;top:182px}.pet:nth-child(4){left:30%;top:346px;z-index:3}.pet:nth-child(5){left:54%;top:355px;z-index:3}.pet img{height:139px;max-height:none;aspect-ratio:auto;filter:drop-shadow(0 6px 2px #426d402e)}.pet-name{font-size:14px;background:#fff9edee;border-radius:9px;padding:3px 5px;width:max-content;max-width:110%;margin:auto;position:relative}.owner{font-size:10px;margin-top:2px;color:#354d3c;background:#fff9eddb;border-radius:5px;display:table;margin-inline:auto;padding:1px 5px}.bubble{width:54px;min-width:54px;height:43px;font-size:26px;margin-bottom:0;border-radius:17px}.bubble:after{left:20px}.basket-wrap{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);margin:0;z-index:4;padding:8px 20px}.basket-icon{font-size:42px}.basket-item{font-size:19px}.basket-note{font-size:10px}.toolbar{max-width:800px}.below{margin-top:17px}.home-view{position:relative}.choice-art{background:#c6dca5 url('assets/garden.svg') center/100% 220%}.picnic-art:before{inset:65% 12% -10%}.hide-art{background-position:center 42%}.seek-toolbar{display:flex;align-items:center;gap:14px;max-width:670px;margin:auto;background:#fffdf3;border:2px solid #dbe3c9;border-radius:24px;padding:8px 22px}.seek-toolbar>img{width:80px;height:80px;object-fit:contain}.seek-toolbar strong{display:block;font-size:27px;font-weight:900}.seek-toolbar small{font-size:12px}.seek-toolbar #foundCount{margin-left:auto;font-size:22px;font-weight:900;text-align:center;white-space:nowrap}.seek-garden{height:575px;margin-top:15px}.hiding-pet{position:absolute;width:18%;height:190px;border:0;background:none;padding:0;border-radius:25px;z-index:2}.hidden-sprite{position:absolute;width:100%;height:100%;object-fit:contain;bottom:16px;left:0;transition:transform .25s}.hiding-prop{position:absolute;width:110%;height:100px;object-fit:contain;bottom:0;left:-5%;pointer-events:none}.spot-0{left:17%;top:160px}.spot-1{left:42%;top:145px}.spot-2{left:68%;top:170px}.spot-3{left:29%;top:340px}.spot-4{left:55%;top:337px}.hiding-pet:hover:not(:disabled) .hidden-sprite{transform:translateY(-5px)}.found .hidden-sprite{transform:translateY(-25px)}.found .hiding-prop{opacity:.45}.found-label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#fff9ed;border-radius:12px;padding:6px 12px;font-weight:900;color:#ab3757;white-space:nowrap;z-index:3}.seek-feedback{display:flex;align-items:center;justify-content:center;gap:20px;min-height:82px;text-align:center}.seek-feedback p{font-size:15px;font-weight:700}.seek-feedback .primary{width:auto;font-size:15px;padding:10px 22px;margin:0}.seek-garden h2{font-size:38px;line-height:1.1;margin:18px 0}#seekComplete{position:absolute;inset:70px 15%;border:2px solid #e0ddc5;border-radius:30px;background:#fffdf3f5;text-align:center;padding:25px}#seekComplete .primary{width:auto}#foundPortraits{display:flex;justify-content:center;gap:6px}#foundPortraits>div{width:20%;font-size:11px;font-weight:800}#foundPortraits img{width:100%;max-height:95px;object-fit:contain}#foundPortraits span{display:block}
@media(max-width:700px){main{padding:16px 10px}.garden{height:620px;margin-top:15px;border-radius:24px}.pet{width:29%;max-width:none}.pet:nth-child(1){left:3%;top:180px}.pet:nth-child(2){left:35%;top:152px}.pet:nth-child(3){left:67%;top:185px}.pet:nth-child(4){left:18%;top:345px}.pet:nth-child(5){left:53%;top:356px}.pet img{height:110px;max-height:none}.pet-name{font-size:11px;max-width:115%}.owner{font-size:8px}.key{display:none}.bubble{width:45px;min-width:45px;height:37px;font-size:23px}.bubble:after{left:16px}.blanket{inset:300px 7% 88px;background-size:28px 28px;border-width:5px}.basket-wrap{width:max-content;max-width:95%;bottom:17px;padding:9px 15px}.basket-item{font-size:17px}.basket-note{display:none}.basket-label{font-size:8px}.seek-toolbar{padding:8px 12px;gap:8px}.seek-toolbar>img{width:59px;height:65px}.seek-toolbar strong{font-size:21px}.seek-toolbar small{font-size:10px}.seek-toolbar #foundCount{font-size:18px}.seek-toolbar .eyebrow{font-size:7px;letter-spacing:1px}.seek-garden{height:560px;border-radius:24px}.hiding-pet{width:29%;height:155px}.hiding-prop{height:78px}.spot-0{left:3%;top:168px}.spot-1{left:35%;top:140px}.spot-2{left:67%;top:174px}.spot-3{left:17%;top:355px}.spot-4{left:55%;top:345px}.seek-feedback{flex-direction:column;gap:0;padding:5px 0;min-height:90px}.seek-feedback p{font-size:12px}.found-label{font-size:10px;padding:4px 6px}.seek-garden h2{font-size:29px}#seekComplete{inset:90px 4% 50px;padding:24px 12px}#foundPortraits{flex-wrap:wrap;gap:12px 5px}#foundPortraits>div{width:29%;font-size:10px}#foundPortraits img{height:65px}#seekComplete p{font-size:12px}#seekComplete .primary{font-size:15px;padding:10px 24px}}

/* Keep the serving basket below every pet name and owner. */
.garden{height:700px}@media(max-width:700px){.garden{height:660px}}

@media(max-width:700px){.garden,.seek-garden{background-image:url('assets/garden-mobile.svg')}}