.color-safari{--hot:#79cf78;--deep:#398653;--sky:#94e3ff;--ink:#51405f}.color-safari .prek-machine{background:linear-gradient(145deg,#a4e78d,#61bd70);box-shadow:0 10px 0 #398653,0 22px 42px #35594745}.color-safari .prek-status{box-shadow:0 6px 16px #315b4133}.safari-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;padding:116px clamp(10px,2.4vw,28px) clamp(12px,2svh,22px)}.safari-stage>:not(.prek-parallax){position:relative;z-index:2}.safari-stage>.prek-parallax{z-index:0;opacity:1}.safari-pennants{position:absolute!important;z-index:1!important;top:68px;left:50%;width:min(760px,78%);height:112px;opacity:.83;translate:-50% 0}.safari-habitat{display:flex;width:min(1080px,100%);flex-direction:column;align-items:center;justify-content:flex-end}.safari-animal-grid{display:grid;width:100%;min-height:clamp(300px,43svh,370px);grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:clamp(8px,1.8vw,24px)}.safari-animal{position:relative;display:flex;min-width:0;min-height:clamp(290px,41svh,354px);flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;appearance:none;padding:0 0 7px;border:0;border-radius:32px;color:inherit;background:transparent;touch-action:manipulation;transform-origin:50% 94%}.safari-animal:disabled{cursor:default}.safari-animal:focus-visible{outline:6px solid #fff;outline-offset:-3px}.safari-animal-shadow{position:absolute;z-index:0;right:12%;bottom:35px;left:12%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#334a303e 0 25%,#334a3022 52%,transparent 74%);filter:blur(4px);transition:transform .2s ease,opacity .2s ease}.safari-animal-art{position:relative;z-index:2;display:block;width:clamp(190px,21vw,252px);height:clamp(190px,21vw,252px);filter:drop-shadow(0 10px 7px #304b3438);transition:transform .2s ease,filter .2s ease;transform-origin:50% 94%}.safari-animal-state{position:absolute;inset:0;width:100%;height:100%;transition:opacity .12s ease}.safari-animal-state-happy,.safari-animal.is-correct .safari-animal-state-idle{opacity:0}.safari-animal.is-correct .safari-animal-state-happy{opacity:1}.safari-animal-name{position:relative;z-index:4;margin-top:-15px;padding:5px 13px;border-radius:999px;color:#4d4b50;background:#fffdf0df;box-shadow:0 4px 12px #354b3633;font-size:clamp(14px,1.7vw,18px);font-weight:1000;line-height:1;backdrop-filter:blur(6px)}.safari-animal:hover:not(:disabled) .safari-animal-art{filter:brightness(1.04) saturate(1.05) drop-shadow(0 14px 8px #304b3440);transform:translateY(-7px) scale(1.035)}.safari-animal:hover:not(:disabled) .safari-animal-shadow{opacity:.8;transform:scale(.86)}.safari-animal:active:not(:disabled) .safari-animal-art{transform:scale(.94,1.04)}.safari-animal.is-correct .safari-animal-art{filter:brightness(1.08) saturate(1.12) drop-shadow(0 16px 9px #304b3445);animation:safari-happy-dance 1.08s cubic-bezier(.22,.8,.28,1) both}.safari-animal.is-correct .safari-animal-shadow{animation:safari-happy-shadow 1.08s ease-in-out both}.safari-animal.is-correct .safari-animal-name{animation:safari-happy-name 1.08s ease-in-out both}.safari-animal.is-correct:before{content:"✦  ✦";position:absolute;z-index:5;top:20%;left:50%;width:116%;color:#fff8a8;font-size:clamp(28px,3.4vw,42px);letter-spacing:1.5em;text-align:center;text-shadow:0 3px #e0a938,0 7px 14px #6b4c2f38;pointer-events:none;animation:safari-happy-sparkles .92s .08s both}.safari-animal.is-correct:after{content:"★";position:absolute;z-index:6;top:7%;left:50%;color:#fff276;font-size:54px;text-shadow:0 3px #d59d2c,0 8px 14px #6b4c2f45;animation:safari-star-pop .6s both}.safari-animal.is-wrong .safari-animal-art{animation:safari-gentle-shake .5s ease-in-out}.safari-feedback{width:max-content;max-width:94%;min-height:34px;margin:2px auto 0;padding:6px 16px;border-radius:999px;color:#51475a;background:#fffdf0dd;box-shadow:0 5px 15px #40513c2b;font-size:clamp(15px,2vw,19px);font-weight:1000;text-align:center;backdrop-filter:blur(7px)}.safari-finish-animal{width:145px;height:145px;margin:-12px auto -8px}@keyframes safari-happy-dance{0%,to{transform:translateY(0) scale(1) rotate(0deg)}10%{transform:translateY(5px) scale(1.06,.92) rotate(0deg)}28%{transform:translate(-8px,-31px) scale(.97,1.08) rotate(-7deg)}44%{transform:translateY(2px) scale(1.07,.93) rotate(3deg)}62%{transform:translate(8px,-23px) scale(.98,1.06) rotate(7deg)}78%{transform:translateY(3px) scale(1.05,.95) rotate(-2deg)}90%{transform:translateY(-8px) scale(1.01,1.03) rotate(2deg)}}@keyframes safari-happy-shadow{0%,44%,78%,to{opacity:.76;transform:scale(1)}28%{opacity:.34;transform:scale(.68)}62%{opacity:.42;transform:scale(.76)}}@keyframes safari-happy-name{0%,to{transform:scale(1)}28%,62%{transform:scale(1.08) rotate(-1deg)}44%,78%{transform:scale(.97)}}@keyframes safari-happy-sparkles{0%{opacity:0;transform:translate(-50%,18px) scale(.2) rotate(-12deg)}40%{opacity:1;transform:translate(-50%,-8px) scale(1.08) rotate(5deg)}to{opacity:0;transform:translate(-50%,-38px) scale(.82) rotate(12deg)}}@keyframes safari-gentle-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-9px) rotate(-2deg)}52%{transform:translateX(8px) rotate(2deg)}76%{transform:translateX(-4px) rotate(-1deg)}}@keyframes safari-star-pop{0%{opacity:0;transform:translate(-50%,20px) scale(.2) rotate(-35deg)}to{opacity:1;transform:translate(-50%,-22px) scale(1) rotate(10deg)}}@media (max-width:1000px){.safari-stage{padding-top:145px}.safari-animal-art{width:clamp(155px,22vw,205px);height:clamp(155px,22vw,205px)}}@media (max-width:680px){.safari-stage{padding:134px 4px 7px}.safari-pennants{top:101px;width:92%;height:72px}.safari-animal-grid{min-height:clamp(328px,55svh,390px);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.safari-animal{min-height:clamp(158px,26svh,190px);padding-bottom:2px}.safari-animal-art{width:min(42vw,158px);height:min(42vw,158px)}.safari-animal-shadow{bottom:25px}.safari-animal-name{margin-top:-13px;padding:4px 10px;font-size:13px}.safari-feedback{min-height:30px;padding:5px 10px;font-size:14px}}@media (max-height:720px) and (min-width:681px){.safari-stage{padding-top:108px}.safari-animal-grid{min-height:260px}.safari-animal{min-height:248px}.safari-animal-art{width:175px;height:175px}}@media (prefers-reduced-motion:reduce){.safari-animal-art,.safari-animal-shadow,.safari-animal-state{transition:none}.safari-animal.is-correct .safari-animal-art,.safari-animal.is-correct .safari-animal-name,.safari-animal.is-correct .safari-animal-shadow,.safari-animal.is-correct:after,.safari-animal.is-correct:before,.safari-animal.is-wrong .safari-animal-art{animation-duration:.01ms}}