:root{--font-family:"Fredoka", sans-serif;--breakpoint-desktop:768px;--color-button-primary-bg:#5abdba;--color-button-primary-border:#18656b;--color-button-secondary-bg:#f5edda;--color-button-secondary-border:#b0a36a;--color-button-secondary-text:#d1a67b;--color-button-text-stroke:#402917;--color-text-section:#442a1b;--color-text-overlay:#d1ac7d;--color-text-overlay-stroke:#402917;--color-text-success:#9ac784;--color-text-error:#ce8e85;--color-modal-border:#cdbe9f;--color-modal-header-bg:#f3ecd9;--color-modal-body-top:#eff7ea;--color-modal-body-bottom:#dbf4f1;--color-food-card-bg:#d1ab7d;--color-food-card-border:#402917}*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}button,input,select,textarea{font-family:inherit}html{height:100%}body{min-height:100dvh;font-family:var(--font-family);color:var(--color-text-section);background:linear-gradient(#e8f4fc 0%,#d4ebf7 100%);margin:0}#root{min-height:100dvh}.game-screen{box-sizing:border-box;background-color:#87ceeb;background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;gap:1rem;height:100dvh;max-height:100dvh;padding:1rem;display:flex;overflow:hidden}.game-header,.animal-drop-zone,.food-option,.phase-toast,.feedback,.level-label,.game-header__link,.language-toggle button{text-shadow:0 1px 2px #fffc}.animal-drop-zone{background:#ffffffe0}.food-option{background:#ffffffeb}.game-header{justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:720px;display:flex}.game-header__actions{align-items:center;gap:.75rem;display:flex}.game-header__link{color:#4a90d9;font-size:.875rem;font-weight:600;text-decoration:none}.game-header__link:hover{text-decoration:underline}.level-label{margin:0;font-size:1.25rem;font-weight:700}.language-toggle{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.language-toggle button{color:#1a3a52;cursor:pointer;background:#fff;border:2px solid #4a90d9;border-radius:999px;padding:.25rem .75rem;font-weight:600}.language-toggle button.active{color:#fff;background:#4a90d9}.animal-drop-zone{border:4px dashed #4a90d9;border-radius:1.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:border-color .2s,transform .2s;display:flex}.animal-drop-zone--over{border-color:#2ecc71;transform:scale(1.02)}.animal-drop-zone--shake{animation:.5s shake}.feedback{margin:0;font-size:1.25rem;font-weight:700}.feedback--success{color:var(--color-text-success)}.feedback--error{color:var(--color-text-error)}.phase-toast{color:#fff;background:#2ecc71;border-radius:999px;padding:.75rem 1.25rem;font-weight:700;animation:.3s fade-in}.game-complete{text-align:center;margin-top:4rem;font-size:1.5rem;font-weight:700}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bubble-button{width:100%;font-family:var(--font-family);cursor:pointer;-webkit-tap-highlight-color:transparent;--bubble-button-icon-scale:.8;border:4px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:1.625rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 5px #ffffff57,inset 0 -5px #00000014}.bubble-button--large{--bubble-button-icon-scale:.8;padding:.5rem 1.5rem;font-size:1.625rem}.bubble-button--extra-large{--bubble-button-icon-scale:1;padding:.875rem 1.5rem;font-size:2.25rem}@media (width>=768px){.bubble-button:not(.bubble-button--large){--bubble-button-icon-scale:1;padding:.875rem 1.5rem;font-size:2.25rem}}.bubble-button__icon{transform:scale(var(--bubble-button-icon-scale));transform-origin:50%}.bubble-button:focus{outline:none}.bubble-button:focus-visible{outline:3px solid var(--color-button-primary-border);outline-offset:3px}.bubble-button:hover{transform:translateY(-1px)}.bubble-button:active{transform:translateY(3px);box-shadow:inset 0 3px #ffffff47,inset 0 -3px #00000014}.bubble-button--primary{background:var(--color-button-primary-bg);border-color:var(--color-button-primary-border)}.bubble-button--secondary{background:var(--color-button-secondary-bg);border-color:var(--color-button-secondary-border)}.bubble-button__label{color:#fff7ea;-webkit-text-stroke:4px var(--color-button-text-stroke);paint-order:stroke fill}.bubble-button--secondary .bubble-button__label{color:var(--color-button-secondary-text)}.text-section{color:var(--color-text-section)}.text-overlay{color:var(--color-text-overlay);-webkit-text-stroke:4px var(--color-text-overlay-stroke);paint-order:stroke fill}.text-success{color:var(--color-text-success)}.text-error{color:var(--color-text-error)}.modal{z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal__backdrop{cursor:pointer;background:#442a1b73;border:none;position:absolute;inset:0}.modal__content{z-index:1;width:min(100%,360px);position:relative}.app-settings{border:4px solid var(--color-modal-border);background:var(--color-modal-header-bg);border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.app-settings__header{background:var(--color-modal-header-bg);border-bottom:4px solid var(--color-modal-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;box-shadow:inset 0 5px #ffffff7a}.app-settings__title{color:var(--color-text-section);align-items:center;gap:.5rem;margin:0;font-family:inherit;font-size:1.125rem;display:flex}.app-settings__close{color:var(--color-text-error);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.9375rem;font-weight:600}.app-settings__body{background:linear-gradient(180deg, var(--color-modal-body-top) 0%, var(--color-modal-body-bottom) 100%);flex-direction:column;gap:.25rem;padding:.75rem 1rem 1rem;display:flex}.animal-info__text{color:var(--color-text-section);margin:0;font-size:1rem;line-height:1.5}.app-settings__row{width:100%;color:var(--color-text-section);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .25rem;font-family:inherit;font-size:1rem;display:flex}.app-settings__row--static{cursor:default}.app-settings__label{font-weight:600}.app-settings__control{align-items:center;display:inline-flex}.app-settings__state{letter-spacing:.04em;text-align:right;-webkit-text-stroke:2px var(--color-button-text-stroke);paint-order:stroke fill;min-width:2.25rem;font-size:.9375rem;font-weight:700}.app-settings__language-buttons{gap:.5rem;display:flex}.app-settings__language-buttons button{border:2px solid var(--color-button-primary-border);color:var(--color-text-section);cursor:pointer;background:#fff;border-radius:999px;padding:.25rem .75rem;font-family:inherit;font-size:.875rem;font-weight:600}.app-settings__language-buttons button.active{background:var(--color-button-primary-bg);border-color:var(--color-button-primary-border);color:var(--color-text-section)}.home-screen{box-sizing:border-box;background-color:#87ceeb;background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100dvh;max-height:100dvh;padding:1.5rem;display:flex;overflow:hidden}.home-screen__content{flex-direction:column;flex:1;justify-content:space-between;width:100%;max-width:360px;min-height:0;margin:0 auto;display:flex}.home-screen__logo{align-self:center;width:max(100%,280px);height:auto}.home-screen__actions{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.play-screen{gap:.75rem;padding:.75rem 1rem 1rem;position:relative}.play-screen__header{flex-direction:column;flex-shrink:0;gap:.75rem;width:100%;max-width:720px;display:flex}.play-screen__header-top{box-sizing:border-box;width:100%;padding:0 3.5rem calc(84px + .7rem);position:relative}.play-screen__animal-title{text-align:center;justify-content:center;align-items:center;min-height:42px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.play-animal-search__backdrop{z-index:900;cursor:pointer;background:#442a1b73;border:none;position:fixed;inset:0}.play-screen--search-open .play-screen__header{z-index:901;position:relative}.play-screen--search-open .play-screen__back,.play-screen--search-open .play-floating-menu{z-index:902}.play-animal-search{z-index:902;flex-direction:column;justify-content:center;width:100%;max-width:18rem;min-height:42px;margin:0 auto;display:flex;position:relative}.play-animal-search__input{border:3px solid var(--color-modal-border);text-align:center;background:#ffffffeb;border-radius:999px;width:100%;margin:0;padding:.45rem .75rem;font-family:inherit;font-size:1rem;font-weight:600}.play-animal-search__input:focus{outline:none}.play-animal-search__input::placeholder{color:#4029178c;font-weight:600}.play-animal-search__results{z-index:903;border:3px solid var(--color-food-card-border);background:var(--color-modal-header-bg);border-radius:1rem;width:min(100vw - 2rem,18rem);margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:50%;transform:translate(-50%);box-shadow:inset 0 4px #ffffff7a,0 4px #4029171f}.play-animal-search__option,.play-animal-search__empty{text-align:center;width:100%;color:var(--color-text-section);padding:.625rem .75rem;font-size:1rem;font-weight:600;display:block}.play-animal-search__option{cursor:pointer;background:0 0;border:none;border-radius:.75rem;font-family:inherit}.play-animal-search__option:hover,.play-animal-search__option:focus-visible{background:#ffffff8c;outline:none}.play-animal-search__empty{margin:0}.play-floating-menu{z-index:1;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:absolute;top:0;right:0}.play-floating-menu__item{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.play-floating-menu__item--active{opacity:1}.play-floating-menu__item[aria-disabled=true]{cursor:default;opacity:.72}.play-floating-menu__item:focus{outline:none}.play-floating-menu__item:focus-visible{outline:3px solid var(--color-button-primary-border);outline-offset:2px;border-radius:.5rem}.play-screen__back{z-index:1;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;text-decoration:none;display:inline-flex;position:absolute;top:0;left:0}.play-screen__game{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.75rem;width:100%;min-height:0;display:flex}.play-screen__animal{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:360px;min-height:0;display:flex}.speech-bubble{z-index:1;border:3px solid var(--color-food-card-border);background:var(--color-modal-header-bg);border-radius:1.25rem;justify-content:center;align-items:center;gap:.5rem;max-width:min(100%,18rem);padding:.625rem 1rem;display:inline-flex;position:relative;box-shadow:inset 0 4px #ffffff7a,0 3px #4029171f}.speech-bubble__text{color:var(--color-text-section);margin:0;font-size:1rem;font-weight:600;line-height:1.25}.speech-bubble--layer{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;place-self:end center;transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .25s;transform:scale(.92)}.speech-bubble--layer.is-visible{opacity:1;visibility:visible;transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1),visibility linear;transform:scale(1)}.speech-bubble--layer.speech-bubble--prompt.is-visible{animation:.4s cubic-bezier(.34,1.56,.64,1) both speech-bubble-pop-in}.video-animal-drop-zone__bubble-slot{z-index:2;pointer-events:none;width:max-content;max-width:100%;margin-bottom:.5rem;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.play-screen .animal-drop-zone{background:0 0;border:none;flex:1;justify-content:center;width:100%;min-height:0;padding:.25rem 0}.play-screen .food-tray-area{flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;width:100%;max-width:720px;margin-bottom:-1rem;display:flex}.food-tray-area__drop-arrow{flex-shrink:0;line-height:0;animation:2.4s ease-in-out infinite food-tray-drop-arrow-bob}@keyframes food-tray-drop-arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.food-tray-area__drop-arrow{animation:none}}.play-screen .video-animal-drop-zone__media{flex-shrink:0;width:280px;margin-top:auto;position:relative}.play-screen .video-animal-drop-zone__video{object-fit:cover;width:400px;max-width:none;height:auto;max-height:none;position:relative;left:50%;transform:translate(-50%)}.play-screen .video-animal-drop-zone__sprite{object-fit:contain;width:200px;height:299px}.video-animal-drop-zone{background:#ffffffb8;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;min-height:0;display:flex}.video-animal-drop-zone__media{flex-shrink:0;justify-content:center;align-items:flex-end;width:280px;margin-top:auto;display:flex;position:relative}.video-animal-drop-zone__stage{justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.video-animal-drop-zone__stage--loading .video-animal-drop-zone__viewport,.video-animal-drop-zone__stage--loading .video-animal-drop-zone__sprite{visibility:hidden}.video-animal-drop-zone__spinner{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-animal-drop-zone__spinner img{width:3rem;height:3rem;animation:1.5s linear infinite spinner-rotate}.video-animal-drop-zone__viewport{width:100%}.video-animal-drop-zone__video{object-fit:cover;width:480px;max-width:none;height:auto;display:block;position:relative;left:50%;transform:translate(-50%)}.video-animal-drop-zone__sprite{object-fit:contain;width:200px;height:299px;display:block}.food-tray{background:var(--color-modal-header-bg);border:4px solid var(--color-modal-border);border-bottom:none;border-radius:1.25rem 1.25rem 0 0;grid-template-columns:repeat(3,auto);justify-content:center;gap:.5rem;width:100%;max-width:720px;padding:.875rem 1rem 1rem;display:grid;position:relative;box-shadow:inset 0 5px #ffffff7a}.food-tray__spinner{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.food-tray__spinner img{width:3rem;height:3rem;animation:1.5s linear infinite spinner-rotate}.food-option{border:3px solid var(--color-food-card-border);background:var(--color-food-card-bg);cursor:grab;border-radius:1rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;width:5.75rem;padding:.5rem .25rem;font-size:.75rem;font-weight:600;display:flex;position:relative}.food-option:not(.food-option--popping,.food-option--fed-drop){animation:food-option-enter var(--food-enter-duration,.35s) ease-out backwards}.food-tray .food-option:nth-child(2):not(.food-option--popping,.food-option--fed-drop){animation-delay:50ms}.food-tray .food-option:nth-child(3):not(.food-option--popping,.food-option--fed-drop){animation-delay:.1s}@keyframes food-option-enter{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.food-option--dragging{z-index:10;cursor:none}.food-option--fed-drop{z-index:10;pointer-events:none;cursor:default;animation:food-option-fed-drop var(--food-tray-animation-duration,.8s) ease-in-out forwards}@keyframes food-option-fed-drop{0%{opacity:1;transform:translate(var(--food-drop-x,0), var(--food-drop-y,0)) rotate(0deg) scale(1)}12.5%{opacity:1;transform:translate(var(--food-drop-x,0), var(--food-drop-y,0)) rotate(-15deg) scale(1)}25%{opacity:1;transform:translate(var(--food-drop-x,0), var(--food-drop-y,0)) rotate(15deg) scale(1)}37.5%{opacity:1;transform:translate(var(--food-drop-x,0), var(--food-drop-y,0)) rotate(-15deg) scale(1)}50%{opacity:1;transform:translate(var(--food-drop-x,0), var(--food-drop-y,0)) rotate(0deg) scale(1)}to{opacity:0;transform:translate(var(--food-drop-x,0), var(--food-drop-y,0)) rotate(0deg) scale(1.35)}}.food-option--popping{pointer-events:none;cursor:default;animation:food-option-card-pop-out var(--food-pop-out-duration,.4s) ease-in forwards;animation-delay:var(--food-poof-duration,.15s);gap:0;overflow:visible}.food-option__poof-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:visible}.food-option--popping .food-option__poof{animation:food-option-poof-pop var(--food-pop-out-duration,.3s) ease-in forwards;animation-delay:var(--food-poof-duration,.15s);transform-origin:50%}.food-option__poof{flex-shrink:0;line-height:0}@keyframes food-option-card-pop-out{0%{opacity:1}to{opacity:0}}@keyframes food-option-poof-pop{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes food-option-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.food-option:not(.food-option--popping,.food-option--fed-drop){animation:none}.food-option--fed-drop{animation:food-option-pop-out var(--food-pop-out-duration,.4s) ease-in forwards}.food-option--popping{opacity:0;animation:none;transform:scale(1)}.food-option--popping .food-option__poof{opacity:0;animation:none;transform:scale(3)}}.food-option__hand-grab{pointer-events:none;z-index:1;line-height:0;position:absolute;bottom:-2rem;right:-2.5rem}.food-option span{text-align:center;word-break:break-word;line-height:1.2}@keyframes speech-bubble-pop-in{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.asset-catalog{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.asset-catalog__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.asset-catalog__header h1{margin:0;font-size:1.75rem}.asset-catalog__link{color:#4a90d9;font-weight:600;text-decoration:none}.asset-catalog__link:hover{text-decoration:underline}.asset-catalog h2{margin:0 0 1rem;font-size:1.25rem}.asset-catalog__subsection{margin-bottom:1.5rem}.asset-catalog__subsection h3{color:#4a6070;margin:0 0 .75rem;font-size:1rem}.asset-catalog__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.asset-card{background:#ffffffe6;border:2px solid #cbdceb;border-radius:1rem;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;display:flex}.asset-card__label{text-align:center;margin:0;font-weight:700}.asset-card__meta{color:#4a6070;text-align:center;margin:0;font-size:.8rem}.animal-catalog{background:linear-gradient(#e8f4fc 0%,#d4ebf7 100%);flex-direction:column;align-items:center;gap:1.5rem;min-height:100dvh;padding:1rem;display:flex}.animal-catalog__header{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:420px;display:flex}.animal-catalog__header h1{margin:0;font-size:1.5rem}.animal-catalog__link{color:#4a90d9;font-weight:600;text-decoration:none}.animal-catalog__link:hover{text-decoration:underline}.animal-catalog__grid{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:680px;display:flex}.animal-catalog-card{background:#fffffff5;border:2px solid #cbdceb;border-radius:1.5rem;flex-direction:column;width:100%;max-width:320px;display:flex;overflow:hidden;box-shadow:0 8px 24px #1a3a5214}.animal-catalog-card__cover{background-position:top;background-repeat:no-repeat;background-size:auto 256px;justify-content:center;align-items:center;width:100%;height:320px;display:flex}.animal-catalog-card__media{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.animal-catalog-card__sprite{flex-shrink:0;margin-inline:auto;display:block}.animal-catalog-card__video{object-fit:contain;background:0 0;flex-shrink:0;width:200px;height:299px;margin-inline:auto;display:block}.animal-catalog-card__body{flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1rem;display:flex}.animal-catalog-card__label{margin:0;font-size:1.25rem;font-weight:700}.animal-catalog-card__states{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.animal-catalog-card__states button{color:#1a3a52;cursor:pointer;background:#fff;border:2px solid #4a90d9;border-radius:999px;padding:.5rem;font-size:.875rem;font-weight:600}.animal-catalog-card__states button:hover{background:#eef6fd}.animal-catalog-card__states button.active{color:#fff;background:#4a90d9}.animal-catalog-switch{border-top:1px solid #1a3a521f;justify-content:space-between;align-items:center;width:100%;margin-top:.25rem;padding-top:.75rem;display:flex}.animal-catalog-switch__label{color:#4a6070;font-size:.8125rem;font-weight:600}.animal-catalog-switch__control{cursor:pointer;background:#79747e;border:none;border-radius:12px;width:40px;height:24px;padding:0;transition:background-color .2s;position:relative}.animal-catalog-switch__control[aria-checked=true]{background:#4a90d9}.animal-catalog-switch__control:focus-visible{outline-offset:2px;outline:2px solid #4a90d9}.animal-catalog-switch__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000047,0 1px 2px #0000001f}.animal-catalog-switch__control[aria-checked=true] .animal-catalog-switch__thumb{transform:translate(16px)}