*{box-sizing:border-box}body{margin:0;color:#244b36;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;background:#e4efd3 url('/assets/garden.webp') center/cover fixed}body:before{content:'';position:fixed;inset:0;background:#eaf4d1de;z-index:-1}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #623ab6;outline-offset:4px}main{max-width:860px;margin:auto;padding:18px 20px 26px}header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}h1{text-align:center;font-size:24px;margin:0;line-height:1.15}h1 span{display:block;font-size:16px;font-weight:500;margin-top:5px}.pill{border:2px solid #fff;background:#fffdf4;border-radius:30px;padding:12px 17px;font-size:16px;font-weight:800;text-decoration:none;color:inherit;min-height:48px}.round-line{display:flex;align-items:center;justify-content:space-between;gap:8px}#level-name{font-size:18px}#count{font-size:16px;font-weight:bold}#stars{text-align:center;letter-spacing:8px;color:#d6ac2a;font-size:25px;height:36px}#item{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:4px auto 0;width:200px;height:196px;border:3px solid white;border-radius:30px;background:#fffef8;box-shadow:0 6px 0 #416c3422}#item img{width:130px;height:130px;object-fit:contain}#item-name{font-size:24px;text-transform:capitalize}.listen{font-size:14px;color:#52705e;margin-top:3px}#feedback{text-align:center;font-weight:bold;font-size:20px;margin:15px 0;min-height:26px}.pups{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:670px;margin:auto}.pup{border:4px solid #fff;border-radius:30px;overflow:hidden;padding:12px 12px 8px;background:#ffdec0;box-shadow:0 7px 0 #c17a3830;transition:transform .2s}.biggie{background:#ceeaff;box-shadow:0 7px 0 #396d9c30}.category{display:flex;align-items:center;justify-content:center;gap:8px;background:#fffdf4;border-radius:18px;padding:7px;font-size:25px;min-height:65px}.category img{width:48px;height:48px;object-fit:contain}.portrait{display:block;position:relative;width:170px;height:190px;overflow:hidden;border-radius:22px;margin:8px auto 0}.portrait img{position:absolute;height:211px;width:253px;max-width:none;left:0;top:0;object-fit:fill}.butter .portrait img{width:340px;height:284px;left:0;top:-10px}.biggie .portrait img{width:340px;height:284px;left:-170px;top:-10px}.name{display:block;font-size:20px;font-weight:900;margin:5px}.pup.hint{outline:5px solid #e5b731;outline-offset:3px}.pup.correct{transform:translateY(-9px);outline:5px solid #579844}.pup:disabled{cursor:default}#menu,#celebration{text-align:center;padding:15px 0}#play{display:none}.duo{display:block;width:min(350px,85%);border-radius:32px;margin:0 auto 20px}h2{font-size:32px;line-height:1.1;margin:16px 0}p{font-size:18px}.primary{display:block;margin:20px auto;border:3px solid white;border-radius:24px;padding:18px 32px;background:#315b3f;color:white;font-size:24px;font-weight:900;box-shadow:0 6px 0 #25462e33}#level-list{max-width:420px;margin:20px auto;display:grid;gap:10px}#level-list[hidden],[hidden]{display:none!important}.big-stars{font-size:60px;color:#e4a923}#celebration .duo{width:270px}.correct .portrait{animation:bounce .5s ease 2}@keyframes bounce{50%{transform:translateY(-8px) rotate(-3deg)}}@media(max-width:560px){main{padding:12px 12px 24px}header{margin-bottom:12px}h1{font-size:18px}h1 span{font-size:14px}.pill{font-size:14px;padding:10px 12px}.pups{gap:12px}.pup{padding:8px 5px 5px;border-radius:24px}.category{font-size:20px;gap:3px;padding:5px}.category img{width:36px;height:36px}.portrait{width:136px;height:151px}.butter .portrait img{width:272px;height:227px;top:-8px}.biggie .portrait img{width:272px;height:227px;left:-136px;top:-8px}.name{font-size:18px}#item{width:170px;height:170px}#item img{width:105px;height:105px}#item-name{font-size:22px}#feedback{font-size:18px;margin:12px 0}#level-name{font-size:16px}.round-line{flex-wrap:wrap}}@media(max-height:720px) and (min-width:561px){.portrait{height:150px}#item{height:160px}#item img{height:100px}header{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

[data-kind="color"][data-answer="1"] #item-image,.pup[data-kind="color"][data-answer="1"] .category img{filter:hue-rotate(-55deg)}
[data-kind="size"][data-answer="0"] #item-image,.pup[data-kind="size"][data-answer="0"] .category img{transform:scale(.6)}
.pup[data-kind="size"] .category{border:3px dashed #70927f;min-height:72px}
main[data-activity="match"] #stars,main[data-activity="color"] #stars,main[data-activity="size"] #stars{visibility:hidden}
#level-list{grid-template-columns:1fr 1fr;max-width:600px}#level-list .pill{text-align:center;font-size:15px}@media(max-width:400px){#level-list{grid-template-columns:1fr}}