:root{--ink:#183f5b;--teal:#29b8c9;--deep-teal:#0c8092;--cream:#fffdf5;--sun:#ffd967;--coral:#ff7d65;--mint:#d9f6d9;--sky:#e1f8fb;--line:#c8e9e9;--shadow:0 8px 0 rgba(28,125,137,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#d9f6f6 0, #f6fff1 480px,#fffdf5 100%);color:var(--ink);font-family:Nunito,Arial,sans-serif;font-size:16px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:.75rem;border-radius:.75rem}.site-header,main,footer{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:50px;height:50px;display:grid;place-items:center;background:var(--coral);border:3px solid #fff;color:#fff;font-family:"Baloo 2",sans-serif;font-size:31px;font-weight:800;border-radius:50% 44% 48% 42%;box-shadow:0 4px 0 #d45a4e}.brand strong,.brand small{display:block}.brand strong{font-family:"Baloo 2",sans-serif;font-size:22px;line-height:1.05}.brand small{font-weight:800;font-size:12px;color:#48758a}.print-link{font-weight:900;text-decoration:none;color:var(--ink);background:#fff;border:3px solid #fff;padding:10px 14px;border-radius:14px;box-shadow:0 4px 0 #b2dbdb}.hero{display:grid;grid-template-columns:1.13fr .87fr;min-height:350px;overflow:hidden;border:4px solid #fff;border-radius:30px;background:var(--cream);box-shadow:var(--shadow)}.hero-copy{padding:39px 40px 33px;position:relative;z-index:1}.eyebrow,.section-label{font-size:12px;font-weight:900;letter-spacing:1.2px;color:#e45c47;margin:0 0 7px}.hero h1,.how-it-works h2,.animal-text h2,.scanner-head h2{font-family:"Baloo 2",sans-serif;font-weight:800}.hero h1{font-size:49px;line-height:.94;margin:0 0 13px;max-width:540px}.lead{font-weight:800;line-height:1.48;margin:0 0 21px;max-width:520px}.search-box{height:56px;display:flex;align-items:center;gap:9px;padding:6px 7px 6px 16px;background:var(--sky);border:3px solid #a9dce5;border-radius:16px}.search-box input{min-width:0;flex:1;border:0;background:transparent;outline:0;font:800 15px Nunito,sans-serif;color:var(--ink)}.search-box input::placeholder{color:#6d96a1}.button{border:0;cursor:pointer;border-radius:12px;padding:10px 15px;font:900 14px Nunito,sans-serif;transition:transform .15s,filter .15s}.button:hover,.camera-cta:hover,.tab-button:hover{transform:translateY(-2px);filter:saturate(1.08)}.button:focus-visible,.camera-cta:focus-visible,.tab-button:focus-visible,.icon-button:focus-visible,a:focus-visible{outline:4px solid #174dff;outline-offset:3px}.button-coral{background:var(--coral);box-shadow:0 3px 0 #ce594b;color:#fff}.button-teal{background:var(--teal);box-shadow:0 3px 0 #168598;color:#fff}.search-results{max-height:170px;overflow:auto}.search-choice{margin-top:6px;width:100%;border:2px solid var(--line);background:#fff;border-radius:12px;padding:8px 13px;display:flex;align-items:center;gap:9px;text-align:left;font:800 14px Nunito,sans-serif;color:var(--ink);cursor:pointer}.search-choice span{font-size:20px}.empty-search{font-weight:800;font-size:14px;margin:9px 4px}.camera-cta{margin-top:16px;background:transparent;border:0;padding:0;color:var(--deep-teal);font:900 15px Nunito,sans-serif;cursor:pointer}.camera-cta span{background:#d8f5d7;border-radius:10px;padding:8px;margin-right:4px}.hero-art{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#5cc5d3 0%,#52bc91 100%);overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;background:#ffef9a}.hero-art:before{width:300px;height:300px;right:-115px;bottom:-130px}.hero-art:after{width:120px;height:120px;left:-30px;top:-30px;background:#d8f6d9}.hero-tiger{position:relative;z-index:1;font-size:175px;filter:drop-shadow(0 10px 0 rgba(0,103,113,.36));animation:bob 3s ease-in-out infinite}.leaf,.spark{position:absolute;z-index:2}.leaf{font-size:36px}.leaf-one{top:19px;right:20px;transform:rotate(-20deg)}.leaf-two{bottom:22px;left:20px;transform:rotate(40deg)}.spark{font-size:31px;color:#fffce0}.spark-one{left:29px;top:105px}.spark-two{right:33px;bottom:75px}@keyframes bob{50%{transform:translateY(-8px) rotate(2deg)}}.animal-section{margin:42px 0}.animal-content{background:#fff;border:4px solid #fff;border-radius:29px;padding:20px;box-shadow:var(--shadow)}.animal-card{display:grid;grid-template-columns:335px 1fr;gap:26px}.animal-image{position:relative;min-height:312px;border-radius:21px;overflow:hidden;background:linear-gradient(140deg,#7dcf87,#4fae72);display:grid;place-items:center}.animal-image img{width:100%;height:100%;position:absolute;object-fit:cover}.animal-image .image-fallback{font-size:145px;filter:drop-shadow(0 8px 0 rgba(25,112,80,.25))}.animal-badge{position:absolute;left:15px;top:15px;background:#fff;border-radius:12px;padding:7px 10px;font-size:12px;font-weight:900;color:#16706e;z-index:1}.animal-text{padding:8px 5px}.animal-text h2{font-size:37px;line-height:1;margin:0;color:#df634d}.scientific-name{font-size:14px;font-weight:800;font-style:italic;color:#618091;margin:5px 0 13px}.general-info{font-weight:800;line-height:1.55;margin:0 0 17px}.action-row{display:flex;gap:10px;flex-wrap:wrap}.speak-button{background:#54bddd;color:#fff;box-shadow:0 3px 0 #2a92b4}.speak-button.is-speaking{background:#ea8b45}.tab-list{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 13px}.tab-button{border:0;background:#eff8f7;color:#356374;padding:10px 13px;border-radius:12px;font:900 14px Nunito,sans-serif;cursor:pointer}.tab-button[aria-selected="true"]{background:var(--sun);color:#715a25;box-shadow:0 3px 0 #d9b74a}.fact-panel{border-radius:16px;background:#f5fbef;border:2px solid #dbefd4;padding:17px 19px}.fact-panel h3{margin:0 0 5px;font:800 22px "Baloo 2",sans-serif;color:#35784e}.fact-panel p{margin:0;line-height:1.5;font-weight:800}.how-it-works{margin:0 0 45px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffe993;border:4px solid #fff;border-radius:25px;padding:22px 27px;box-shadow:0 7px 0 #e8c85c}.how-it-works h2{font-size:29px;margin:0;line-height:1}.how-it-works ol{display:flex;gap:22px;list-style:none;margin:0;padding:0}.how-it-works li{display:grid;grid-template-columns:36px auto;column-gap:7px;align-items:center}.how-it-works li span{grid-row:1 / span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#d76b47;font-weight:900}.how-it-works li b,.how-it-works li small{display:block}.how-it-works li b{font-weight:900}.how-it-works li small{font-size:12px;font-weight:800;color:#66592e}footer{text-align:center;padding:0 0 30px;font-size:13px;font-weight:900;color:#547989}.scanner-dialog{border:4px solid #fff;border-radius:25px;color:var(--ink);width:min(570px,calc(100% - 28px));box-shadow:0 18px 55px rgba(18,75,95,.35);padding:22px}.scanner-dialog::backdrop{background:rgba(13,72,88,.62);backdrop-filter:blur(3px)}.scanner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.scanner-head h2{font-size:30px;line-height:1;margin:0}.icon-button{border:0;background:#eff8f7;color:#376375;width:39px;height:39px;border-radius:12px;font-size:29px;line-height:1;cursor:pointer}.camera-frame{position:relative;aspect-ratio:4/3;margin-top:19px;border-radius:17px;background:#143f50;overflow:hidden}.camera-frame video{width:100%;height:100%;object-fit:cover}.scan-corners{position:absolute;inset:18% 17%;border:4px solid rgba(255,255,255,.96);border-radius:17px;box-shadow:0 0 0 999px rgba(0,0,0,.16)}.scanner-status{font-weight:800;line-height:1.4}.manual-code{margin-top:13px;padding:13px;background:#f0faf2;border-radius:14px;font-size:13px;font-weight:900}.manual-code label{display:block;margin-bottom:7px}.manual-code div{display:flex;gap:7px}.manual-code input{min-width:0;flex:1;border:2px solid #bee1d1;border-radius:10px;padding:9px;font:800 14px Nunito,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.site-header{align-items:flex-start}.print-link{font-size:0;padding:11px}.print-link:first-letter{font-size:17px}.hero{grid-template-columns:1fr}.hero-copy{padding:31px 24px}.hero h1{font-size:40px}.hero-art{min-height:198px}.hero-tiger{font-size:135px}.animal-card{grid-template-columns:1fr}.animal-image{min-height:205px}.how-it-works{display:block}.how-it-works ol{margin-top:17px;gap:11px;flex-direction:column}.how-it-works li{grid-template-columns:34px auto 1fr}.how-it-works li small{grid-column:3;grid-row:1}.how-it-works li span{grid-row:1}.animal-text h2{font-size:33px}}@media(max-width:430px){.site-header,main,footer{width:min(100% - 22px,1120px)}.brand strong{font-size:18px}.brand small{font-size:10px}.brand-mark{width:42px;height:42px;font-size:26px}.search-box{height:auto}.search-box .button{padding:10px}.hero h1{font-size:36px}.action-row .button{width:100%}.scanner-dialog{padding:16px}}
.animal-image.has-image .image-fallback{display:none}
.brand-logo-wrap{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;overflow:hidden;border-radius:50%}.brand-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 3px 0 rgba(15,106,111,.22))}@media(max-width:430px){.brand-logo-wrap{width:48px;height:48px;flex-basis:48px}}
.video-dialog{border:4px solid #fff;border-radius:25px;color:var(--ink);width:min(860px,calc(100% - 28px));box-shadow:0 18px 55px rgba(18,75,95,.35);padding:22px}.video-dialog::backdrop{background:rgba(13,72,88,.62);backdrop-filter:blur(3px)}.video-frame{aspect-ratio:16/9;margin-top:19px;border-radius:17px;overflow:hidden;background:#143f50}.video-frame iframe{border:0;width:100%;height:100%;display:block}.video-note{font-weight:800;line-height:1.4;margin:14px 0 0}.video-button{background:#ff8f54;color:#fff;box-shadow:0 3px 0 #d66d3c}
.game-intro{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff4a7 0 7%,#65cfd5 31%,#13879b 74%,#0a6478 100%);color:#fff;text-align:center;transition:opacity .55s ease,visibility .55s ease}.game-intro::before,.game-intro::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.13)}.game-intro::before{width:min(85vw,720px);aspect-ratio:1;top:-45%;left:-18%}.game-intro::after{width:min(72vw,580px);aspect-ratio:1;right:-24%;bottom:-35%;background:rgba(255,225,105,.19)}.game-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.intro-content{position:relative;z-index:1;display:grid;justify-items:center;padding:24px;animation:intro-rise .7s cubic-bezier(.18,.89,.32,1.25) both}.intro-logo{width:clamp(154px,31vw,245px);height:auto;border-radius:50%;filter:drop-shadow(0 12px 18px rgba(4,72,84,.35));opacity:0;transform:scale(.62) rotate(-8deg);animation:intro-logo-in .8s .12s cubic-bezier(.18,.89,.32,1.3) forwards,intro-glow 1.2s 1.95s ease-in-out 2}.intro-content h1{margin:18px 0 2px;font:800 clamp(35px,7vw,63px)/.95 "Baloo 2",sans-serif;letter-spacing:-1.6px;text-shadow:0 3px 0 rgba(9,103,117,.38);opacity:0;transform:translateY(14px);animation:intro-copy-in .58s .78s ease-out forwards,intro-text-glow 1.2s 1.95s ease-in-out 2}.intro-content p{margin:0;font:900 clamp(15px,2.7vw,23px)/1.3 Nunito,Arial,sans-serif;opacity:0;transform:translateY(12px);animation:intro-copy-in .56s 1.03s ease-out forwards,intro-text-glow 1.2s 1.95s ease-in-out 2}.skip-intro{position:absolute;z-index:2;right:22px;bottom:20px;border:2px solid rgba(255,255,255,.62);border-radius:999px;padding:8px 14px;background:rgba(8,98,113,.2);color:#fff;font:900 13px Nunito,Arial,sans-serif;cursor:pointer;opacity:.84}.skip-intro:hover{background:rgba(255,255,255,.2)}.skip-intro:focus-visible{outline:3px solid #fff;outline-offset:3px}.intro-sparkles span{position:absolute;z-index:1;color:#fff9bd;font-size:clamp(23px,4vw,45px);opacity:0;animation:intro-spark 1s 1.72s ease-in-out 2}.intro-sparkles span:nth-child(1){left:18%;top:25%}.intro-sparkles span:nth-child(2){right:19%;top:31%;animation-delay:1.94s}.intro-sparkles span:nth-child(3){left:27%;bottom:24%;font-size:22px;animation-delay:2.12s}.intro-sparkles span:nth-child(4){right:25%;bottom:22%;font-size:25px;animation-delay:1.83s}@keyframes intro-logo-in{to{opacity:1;transform:scale(1) rotate(0)}}@keyframes intro-copy-in{to{opacity:1;transform:translateY(0)}}@keyframes intro-glow{50%{filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 36px #ffe669)}}@keyframes intro-text-glow{50%{color:#fffde7;text-shadow:0 0 10px #fff,0 0 28px #ffe669,0 3px 0 rgba(9,103,117,.38)}}@keyframes intro-spark{50%{opacity:1;transform:scale(1.34) rotate(20deg)}}@keyframes intro-rise{from{transform:translateY(8px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.intro-content,.intro-logo,.intro-content h1,.intro-content p,.intro-sparkles span{animation:none;opacity:1;transform:none}.game-intro{transition-duration:.16s}}
.intro-sound{margin-top:18px;border:2px solid rgba(255,255,255,.75);border-radius:999px;padding:8px 14px;background:rgba(6,93,109,.24);color:#fff;font:900 13px Nunito,Arial,sans-serif;cursor:pointer;opacity:0;transform:translateY(10px);animation:intro-copy-in .5s 1.25s ease-out forwards}.intro-sound:hover{background:rgba(255,255,255,.2)}.intro-sound:disabled{cursor:default;opacity:.88}.intro-sound:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.intro-sound{animation:none;opacity:1;transform:none}}
.hero-art{isolation:isolate;background:linear-gradient(180deg,#7fd8df 0%,#58c99c 57%,#3fac76 100%)}.hero-art::before{width:230px;height:230px;right:-74px;bottom:-84px;background:#f9e980}.hero-art::after{width:94px;height:94px;left:-19px;top:22px;background:#e0f7b6}.forest-sun,.forest-tree,.forest-bush,.forest-ground,.maria-walker,.camera-flash,.forest-butterfly{position:absolute}.forest-sun{width:85px;height:85px;right:25px;top:29px;border-radius:50%;background:#fff4a1;opacity:.88}.forest-tree{bottom:52px;width:42px;height:180px;border-radius:30px 30px 8px 8px;background:#2a8d69;z-index:1}.forest-tree::before,.forest-tree::after{content:"";position:absolute;border-radius:50%;background:#247d5e}.forest-tree::before{width:103px;height:103px;left:-31px;top:-58px}.forest-tree::after{width:72px;height:72px;left:10px;top:-92px;background:#38a671}.forest-tree-one{left:18px;transform:rotate(4deg)}.forest-tree-two{right:28px;height:143px;transform:scale(.72);transform-origin:bottom}.forest-bush{bottom:37px;width:145px;height:75px;border-radius:70% 75% 0 0;background:#2f9b6b;z-index:2}.forest-bush-one{left:-38px}.forest-bush-two{right:-46px;background:#298b63}.forest-ground{z-index:3;bottom:0;width:100%;height:54px;background:linear-gradient(180deg,#4aac68,#338f62);border-radius:55% 55% 0 0/16% 16% 0 0}.maria-walker{z-index:4;bottom:23px;left:50%;width:clamp(205px,29vw,290px);height:auto;transform-origin:50% 100%;filter:drop-shadow(0 9px 7px rgba(17,92,69,.23));animation:maria-explores 4s ease-in-out infinite}.camera-flash{z-index:5;left:47%;top:41%;color:#fffbe5;font-size:35px;opacity:0;filter:drop-shadow(0 0 8px #fff);animation:camera-flash 4s ease-in-out infinite}.forest-butterfly{z-index:4;right:19%;top:31%;color:#fff4a4;font-size:25px;animation:butterfly-flit 3.1s ease-in-out infinite}.hero-art:has(.maria-walker){min-height:350px}@keyframes maria-explores{0%,100%{transform:translate(-56px,5px) rotate(-1.5deg)}25%{transform:translate(-16px,-4px) rotate(1deg)}50%{transform:translate(26px,5px) rotate(-1deg)}75%{transform:translate(-3px,-7px) rotate(1deg)}}@keyframes camera-flash{0%,50%,58%,100%{opacity:0;transform:scale(.45)}53%,55%{opacity:1;transform:scale(1.25)}}@keyframes butterfly-flit{0%,100%{transform:translate(0,0) rotate(-12deg)}50%{transform:translate(-20px,-15px) rotate(16deg)}}@media(max-width:760px){.hero-art:has(.maria-walker){min-height:230px}.maria-walker{width:205px;bottom:9px}.forest-tree-one{left:5px;transform:scale(.75);transform-origin:bottom}.forest-tree-two{right:-5px;transform:scale(.54);transform-origin:bottom}.forest-bush{bottom:26px}.forest-ground{height:31px}.camera-flash{top:37%;left:46%}}@media(prefers-reduced-motion:reduce){.maria-walker,.camera-flash,.forest-butterfly{animation:none}.camera-flash{opacity:1;transform:scale(.75)}}
.quiz-dialog{position:relative;width:min(610px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:4px solid #fff;border-radius:28px;padding:23px 22px 25px;color:var(--ink);background:linear-gradient(155deg,#fffdf4,#e9fff0);box-shadow:0 18px 55px rgba(18,75,95,.35);text-align:center}.quiz-dialog::backdrop{background:rgba(13,72,88,.7);backdrop-filter:blur(3px)}.quiz-close{position:absolute;right:16px;top:16px}.quiz-dialog h2{margin:3px 34px 13px;font:800 clamp(28px,5vw,38px)/.98 "Baloo 2",sans-serif;color:#df634d}.quiz-silhouette{width:150px;height:132px;display:grid;place-items:center;margin:0 auto 8px;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 44% 28%,#fff0a5,#ffd55f);border:4px solid #fff;box-shadow:0 5px 0 #e6b951;overflow:hidden}.quiz-silhouette img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(0) contrast(1.4)}.quiz-silhouette-emoji{font-size:90px;line-height:1;filter:grayscale(1) brightness(0)}.quiz-clues{display:grid;gap:8px;margin:0;padding:0;list-style:none;text-align:left}.quiz-clues li{padding:9px 12px;border:2px solid #d9efcc;border-radius:14px;background:rgba(255,255,255,.78);font-size:13px;font-weight:800;line-height:1.35}.quiz-clues b,.quiz-clues span{display:block}.quiz-clues b{color:#277d65;margin-bottom:2px}.quiz-prompt{margin:14px 0 8px;font:900 15px Nunito,Arial,sans-serif;color:#e06850}.quiz-options{display:grid;gap:8px}.quiz-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:3px solid #bde5e1;border-radius:15px;padding:11px 13px;background:#fff;color:var(--ink);font:900 16px Nunito,Arial,sans-serif;text-align:left;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.quiz-option:hover:not(:disabled){transform:translateY(-2px);background:#effbfb}.quiz-option:focus-visible{outline:4px solid #174dff;outline-offset:3px}.quiz-option:disabled{cursor:default}.quiz-answer-mark{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:900}.quiz-option.is-correct{border-color:#49b967;background:#e4f9e8;color:#227c43}.quiz-option.is-correct .quiz-answer-mark{background:#38ad5b;color:#fff}.quiz-option.is-correct .quiz-answer-mark::after{content:"✓"}.quiz-option.is-wrong{border-color:#f17169;background:#fff0ee;color:#b64c45}.quiz-option.is-wrong .quiz-answer-mark{background:#ed625a;color:#fff}.quiz-option.is-wrong .quiz-answer-mark::after{content:"×"}.quiz-status{min-height:23px;margin:11px 0 0;font-weight:900;color:#277d65}@media(max-width:430px){.quiz-dialog{padding:20px 15px}.quiz-silhouette{width:122px;height:108px}.quiz-silhouette-emoji{font-size:75px}.quiz-dialog h2{font-size:29px}.quiz-clues li{font-size:12px}.quiz-option{font-size:14px;padding:10px 11px}}