.zoo-app{--ink:#193b62;max-width:1180px;margin:auto;color:var(--ink)}.zoo-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 28px}.zoo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.zoo-heading h1{margin:10px 0}.zoo-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:26px;border-radius:36px;background:linear-gradient(150deg,#d2f6e9,#edf7d6 50%,#d9f1ff);border:3px solid white}.zoo-zone{overflow:hidden;position:relative;background:#fffef8;border:3px solid white;border-radius:28px;box-shadow:0 8px 0 #83c4b744;text-decoration:none;color:inherit;transition:transform .15s}.zoo-zone:hover{transform:translateY(-4px)}.zoo-zone img{width:100%;height:200px;object-fit:contain;background:#e5f4f6}.zoo-zone>div{padding:16px 20px}.zoo-zone h2{font-size:23px;margin:6px 0}.zoo-zone p{margin:5px 0 12px}.zoo-zone-number{font-size:12px;font-weight:900;letter-spacing:1.5px;color:#13796b}.zoo-zone strong{display:block;background:#e6f9b3;padding:9px 12px;border-radius:12px;font-size:15px}.zoo-zone-1 img{background:#fff0d5}.zoo-zone-2 img{background:#f9e6f2}.zoo-tools,.zoo-paint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.zoo-tool{display:flex;align-items:center;gap:14px;padding:14px;background:white;border:2px solid #dce9f7;border-radius:24px;color:inherit;text-align:left;text-decoration:none;box-shadow:0 6px 0 #c6d5ec66;min-width:0}.zoo-tool img{width:95px;height:110px;object-fit:contain;border-radius:16px;flex-shrink:0}.zoo-tool strong,.zoo-tool small{display:block}.zoo-tool strong{font-size:20px;line-height:1.3}.zoo-tool small{font-size:14px;margin-top:7px}.zoo-tool>svg{flex-shrink:0;width:20px}.zoo-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.zoo-path .panel{padding:24px}.zoo-age{display:flex;gap:12px}.zoo-app progress{width:100%;height:12px;accent-color:#1666dd}.zoo-listen{margin-bottom:20px}.zoo-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:780px;margin:20px auto}.zoo-choice{background:linear-gradient(160deg,#fff,#e3f3ff);border:3px solid white;border-radius:28px;box-shadow:0 6px 0 #b5cfef;overflow:hidden;padding:10px;min-height:160px}.zoo-choice img{width:100%;height:220px;object-fit:contain}.zoo-app button:disabled{opacity:1;cursor:default}.zoo-app button:focus-visible,.zoo-app a:focus-visible{outline:4px solid #175bdb;outline-offset:4px}.zoo-shadow-target{width:240px;height:240px;background:#fff6ce;border-radius:40px;margin:auto;padding:10px;border:3px dashed #dfb862}.zoo-shadow-target img{width:100%;height:100%;object-fit:contain;filter:brightness(0);opacity:.85}.zoo-scene{position:relative;aspect-ratio:3/2;background:#bfe8dc url('/assets/zoo-clearing.webp') center/cover;border:4px solid white;border-radius:36px;overflow:hidden;box-shadow:0 8px 0 #bddbdc}.zoo-scene-animal{position:absolute;width:31%;height:49%;padding:0;background:none;border:0;filter:drop-shadow(0 8px 5px #274b5622);border-radius:30px}.zoo-scene-animal img{width:100%;height:100%;object-fit:contain}.zoo-spot-0{left:9%;top:8%}.zoo-spot-1{right:9%;bottom:3%}.zoo-spot-2{right:9%;top:4%}.zoo-spot-3{left:6%;bottom:0}.zoo-correct{outline:5px solid #3dbb87!important;background-color:#d7ffec!important}.zoo-try{outline:3px dashed #f5b561}.zoo-feedback{min-height:62px;background:white;border-left:7px solid #d5ee63;padding:18px 22px;border-radius:18px;margin-top:24px}.zoo-part-stage{display:grid;grid-template-columns:1fr 1fr;gap:24px}.zoo-part-picture{background:#e1f1fb;border-radius:30px;padding:15px}.zoo-part-picture img{width:100%;height:360px;object-fit:contain}.zoo-part-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.zoo-part{background:white;border:3px solid #d6e4f4;border-radius:22px;overflow:hidden;padding:8px;font-size:20px}.zoo-part-window{display:block;position:relative;height:125px;overflow:hidden;border-radius:15px;background:#edf8ff}.zoo-part-window img{position:absolute;max-width:none;width:290px;height:290px;object-fit:contain;left:50%;transform:translateX(-50%)}.zoo-part-ears img{top:0}.zoo-part-feet img{bottom:-5px}.zoo-part-tail img{height:260px;width:260px;left:20%;top:-80px}.zoo-part-wings img{height:220px;width:220px;left:20%;top:-56px}.zoo-part>span:last-child{display:block;padding:9px 0}.zoo-complete{text-align:center;background:linear-gradient(140deg,#e7f6ff,#f5e8ff);padding:32px;border-radius:36px;border:3px solid white}.zoo-complete-friend{max-width:250px;margin:auto}.zoo-complete-friend img{width:100%;height:250px;object-fit:contain}.zoo-sentence-layout,.zoo-story{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.zoo-sentence-art,.zoo-story-picture{padding:16px;background:#fff;border-radius:32px;border:3px solid #c7e8f1;position:sticky;top:24px}.zoo-sentence-art img,.zoo-story-picture img{width:100%;height:auto;object-fit:contain;border-radius:22px}.zoo-sentence{background:#fff;border-radius:24px;padding:22px;margin:0 0 22px}.zoo-sentence h2{font-size:27px;line-height:1.4;margin:0}.zoo-sentence [data-zoo-status],.zoo-story [data-zoo-status]{font-size:14px}.zoo-story-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.zoo-story-options button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px}.zoo-story-options img{width:100%;height:120px;object-fit:contain;border-radius:14px}.zoo-paint-card{padding:14px;background:white;border:3px solid #d7ed81;border-radius:26px;color:inherit;text-align:left;box-shadow:0 7px 0 #bace8566}.zoo-paint-card img{width:100%;height:auto;border-radius:16px}.zoo-paint-card strong,.zoo-paint-card span{display:block;margin:9px 3px}.zoo-stamps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0}.zoo-stamp{background:#fff;padding:14px;text-align:center;border:2px dashed #b8c9d8;border-radius:24px}.zoo-stamp img{width:100%;height:145px;object-fit:contain;filter:grayscale(1);opacity:.5;border-radius:18px}.zoo-stamp.earned{border:3px solid #edc85e;background:#fff9db}.zoo-stamp.earned img{filter:none;opacity:1}.zoo-stamp h2{font-size:18px}.zoo-stamp p{font-size:14px}.zoo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.zoo-metrics article{background:white;padding:22px;border-radius:22px}.zoo-metrics strong,.zoo-metrics span{display:block}.zoo-metrics strong{font-size:36px;color:#1364d5}.zoo-table-wrap{overflow-x:auto;background:#fff;border-radius:24px;padding:18px}.zoo-table-wrap table{width:100%;text-align:left;border-collapse:collapse}.zoo-table-wrap th,.zoo-table-wrap td{padding:14px;border-bottom:1px solid #e0e8f1}.zoo-table-wrap small{display:block;font-weight:400}.zoo-table-wrap caption{text-align:left;padding:10px;font-weight:800}.zoo-paint-words{background:#edf9ff;border-radius:20px;padding:18px;margin:18px 0}.zoo-paint-words label{display:block;margin:14px 0}.zoo-paint-words select{padding:10px;border:2px solid #bad3e8;border-radius:12px;margin-left:8px;max-width:100%}.zoo-home-link{display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#c7f3e6,#e6f1ff);padding:20px 28px;margin:24px 0;border-radius:30px;color:#193b62;text-decoration:none;border:3px solid white}.zoo-home-link img{width:95px;height:95px;object-fit:contain;border-radius:20px}.zoo-home-link strong,.zoo-home-link small{display:block}.zoo-home-link strong{font-size:27px}.zoo-home-link small{margin-top:8px}.zoo-home-link>svg{margin-left:auto}
@media(max-width:1050px){.zoo-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.zoo-map{grid-template-columns:repeat(2,minmax(0,1fr))}.zoo-stamps{grid-template-columns:repeat(3,minmax(0,1fr))}.zoo-path{grid-template-columns:1fr}.zoo-sentence-layout,.zoo-story{grid-template-columns:1fr}.zoo-sentence-art,.zoo-story-picture{position:static;max-width:500px;margin:auto}}
@media(max-width:600px){.zoo-heading{display:block}.zoo-heading>.secondary{margin-top:12px}.zoo-tabs{gap:7px}.zoo-tabs .chip{font-size:14px;padding:10px 12px;min-height:44px}.zoo-map{padding:12px;gap:14px;border-radius:25px}.zoo-zone img{height:140px}.zoo-zone>div{padding:12px}.zoo-zone h2{font-size:19px}.zoo-zone p,.zoo-zone strong{font-size:13px}.zoo-tools{grid-template-columns:1fr;gap:15px}.zoo-tool img{width:90px;height:90px}.zoo-paint-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zoo-choice img{height:160px}.zoo-choice{min-height:140px;padding:4px}.zoo-scene{aspect-ratio:1/1.1;border-radius:25px}.zoo-scene-animal{width:46%;height:43%}.zoo-spot-0{left:0;top:9%}.zoo-spot-1{right:0;bottom:0}.zoo-spot-2{right:0;top:6%}.zoo-spot-3{left:0;bottom:0}.zoo-part-stage{grid-template-columns:1fr}.zoo-part-picture img{height:200px}.zoo-stamps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zoo-stamp img{height:125px}.zoo-stamp h2{font-size:16px}.zoo-metrics{grid-template-columns:1fr}.zoo-metrics article{display:flex;align-items:center;gap:20px}.zoo-home-link{padding:16px;gap:15px}.zoo-home-link strong{font-size:23px}.zoo-home-link img{width:75px;height:85px}.zoo-sentence{padding:18px}.zoo-complete{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.zoo-zone{transition:none}}
.zoo-app [hidden]{display:none!important}