:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#312719;font-synthesis:none;background:#fff4d6;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html{background:#fff4d6;height:100%}body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 8% 4%,#ffc25a54,#0000 23rem),radial-gradient(circle at 92% 20%,#6ccfae3d,#0000 26rem),#fff4d6;flex-direction:column;height:100svh;margin:0;display:flex;overflow:hidden}button,a{font:inherit}.topbar{z-index:10;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff4d6e8;border-bottom:1px solid #31271914;flex:none;grid-template-columns:58px 1fr 58px;align-items:center;gap:12px;display:grid;position:sticky;top:0}.title-lockup{text-align:center;min-width:0}.eyebrow{color:#877254;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1px;font-size:.72rem;font-weight:900;display:block}h1{margin:0;font-size:clamp(1.45rem,5vw,2.3rem);line-height:1}.round-button{color:#312719;cursor:pointer;touch-action:manipulation;background:#fff;border:0;border-radius:19px;place-items:center;width:56px;height:56px;padding:0;font-size:1.65rem;text-decoration:none;display:grid;box-shadow:0 5px #dfcfa8,0 8px 18px #48310b1f}.round-button:active{transform:translateY(3px);box-shadow:0 2px #dfcfa8}.round-button:focus-visible,.animal:focus-visible{outline-offset:3px;outline:5px solid #4c92ff}.sound-toggle[aria-pressed=true]{color:#8d806c;background:#f1e8d3}main{overscroll-behavior:contain;width:min(1120px,100%);min-height:0;padding:18px max(16px, env(safe-area-inset-right)) calc(54px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex:1;margin:0 auto;overflow-y:auto}.welcome{color:#725d3e;text-align:center;margin:0 auto 14px;font-size:clamp(1rem,3vw,1.2rem);line-height:1.4}.habitat-filters{scrollbar-width:none;gap:9px;margin:0 -2px 18px;padding:2px 2px 8px;display:flex;overflow-x:auto}.habitat-filters::-webkit-scrollbar{display:none}.habitat-filter{color:#705b3c;cursor:pointer;white-space:nowrap;background:#ffffffad;border:2px solid #49381e1a;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:46px;padding:9px 15px;font-size:.92rem;font-weight:900;display:inline-flex}.habitat-filter[aria-pressed=true]{color:#fff7e7;background:#312719;border-color:#312719;box-shadow:0 4px #31271938}.habitat-filter:focus-visible,.credits-button:focus-visible,.close-credits:focus-visible{outline-offset:2px;outline:4px solid #4c92ff}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.animal{--card:#fff;--shadow:#ded3bd;background:var(--card);color:#312719;min-height:194px;box-shadow:0 7px 0 var(--shadow), 0 13px 25px #402f1417;cursor:pointer;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:30px;align-content:end;justify-items:center;padding:13px 10px 16px;transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.animal:before{z-index:-1;background:var(--halo);content:"";opacity:.38;border-radius:50%;width:120px;height:120px;position:absolute;top:13px}.animal:active,.animal.is-playing{box-shadow:0 2px 0 var(--shadow), 0 6px 12px #402f1414;transform:translateY(5px)scale(.985)}.animal.is-playing:before{animation:.52s ease-out infinite alternate sound-pulse}.animal.is-playing .animal-picture{animation:.3s ease-in-out infinite alternate happy-hop}.animal-picture{transform-origin:50% 100%;place-items:center;width:130px;height:120px;margin-bottom:8px;display:grid}.animal-picture.emoji{filter:drop-shadow(0 4px #3d2b121a);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:6rem;line-height:1}.animal-picture.asset img{object-fit:contain;filter:drop-shadow(0 5px #3d2b1217);width:100%;height:100%}.animal-name{font-size:1.24rem;font-weight:950;line-height:1}.animal-call{color:#836e4f;min-height:1.2em;margin-top:6px;font-size:.88rem;font-weight:800}.sound-waves{opacity:0;align-items:center;gap:3px;height:22px;display:flex;position:absolute;top:20px;right:18px}.sound-waves i{background:#312719;border-radius:5px;width:4px;display:block}.sound-waves i:first-child{height:8px}.sound-waves i:nth-child(2){height:17px}.sound-waves i:nth-child(3){height:11px}.animal.is-playing .sound-waves{opacity:.65}.animal.is-playing .sound-waves i{animation:.3s ease-in-out infinite alternate bars}.animal.is-playing .sound-waves i:nth-child(2){animation-delay:-140ms}.animal.is-playing .sound-waves i:nth-child(3){animation-delay:-60ms}.now-playing{z-index:20;left:50%;bottom:max(16px, env(safe-area-inset-bottom));color:#fff7e7;opacity:0;pointer-events:none;background:#312719;border-radius:999px;max-width:calc(100% - 32px);padding:11px 18px;font-weight:900;transition:opacity .15s,transform .15s;position:fixed;transform:translate(-50%,18px);box-shadow:0 6px 20px #31271938}.now-playing.show{opacity:1;transform:translate(-50%)}.credits-button{color:#705b3c;cursor:pointer;background:#31271914;border:0;border-radius:999px;margin:32px auto 0;padding:11px 16px;font-size:.86rem;font-weight:900;display:block}.credits-dialog{color:#312719;background:#fffaf0;border:0;border-radius:28px;width:min(620px,100% - 24px);max-height:min(720px,100svh - 36px);padding:0;overflow:hidden;box-shadow:0 24px 70px #31271947}.credits-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3127197a}.credits-heading{justify-content:space-between;align-items:center;padding:22px 22px 14px;display:flex}.credits-heading h2{margin:2px 0 0;font-size:1.7rem}.close-credits{color:#312719;cursor:pointer;background:#eee4ce;border:0;border-radius:15px;width:44px;height:44px;font-size:1.8rem;line-height:1}.credits-dialog>p{color:#786447;margin:0;padding:0 22px 14px;font-size:.92rem;line-height:1.45}.credits-list{max-height:calc(100svh - 190px);margin:0;padding:0 22px 24px;list-style:none;overflow-y:auto}.credits-list li{border-top:1px solid #31271917;gap:3px;padding:10px 0;display:grid}.credits-list a{color:#245f91;text-transform:capitalize;font-weight:950}.credits-list span{color:#786f61;font-size:.79rem}@keyframes happy-hop{to{transform:translateY(-7px)rotate(2deg)}}@keyframes sound-pulse{to{opacity:.58;transform:scale(1.13)}}@keyframes bars{to{transform:scaleY(.45)}}@media (width>=650px){.habitat-filters{justify-content:center}.animal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.animal{min-height:218px}.animal-picture{width:150px;height:140px}.animal-picture.emoji{font-size:7.2rem}}@media (width>=980px){.animal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=370px){.animal-grid{gap:10px}.animal{border-radius:24px;min-height:174px}.animal-picture{width:105px;height:103px}.animal-picture.emoji{font-size:5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}