@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000080}.home-container{background:linear-gradient(135deg,#f8fafc,#e0e7ff,#ddd6fe);background-size:200% 200%;animation:gradient-shift 15s ease infinite}.main-character-container{width:100%;max-width:400px;margin:1.5rem auto}.main-character-image{width:100%;height:auto;object-fit:contain;display:block}.star-icon-container{display:flex;justify-content:center;width:100%;margin:1rem 0}.star-icon-image{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.gsr-progress-container{display:flex;align-items:center;gap:1rem;width:100%;max-width:500px;margin:1.5rem 0;padding:0 .5rem}.gsr-min-value,.gsr-max-value{font-size:.875rem;font-weight:500;color:#64748b;min-width:3rem;text-align:center}.gsr-progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:9999px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.gsr-progress-fill{height:100%;background:linear-gradient(to right,#3b82f6,#8b5cf6);transition:width .3s ease;border-radius:9999px;box-shadow:0 0 8px #8b5cf666}@media(max-width:640px){.home-container{padding:1rem}.main-character-container{max-width:300px;margin:1rem auto}.star-icon-image{width:60px;height:60px}.gsr-progress-container{max-width:100%;gap:.75rem;margin:1rem 0}.gsr-min-value,.gsr-max-value{font-size:.75rem;min-width:2.5rem}}@media(min-width:640px)and (max-width:1024px){.home-container{padding:1.5rem}.main-character-container{max-width:350px}.star-icon-image{width:70px;height:70px}}@media(min-width:1024px){.home-container{padding:2rem}.main-character-container{max-width:400px}}.stats-card{background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:.75rem;padding:1rem;transition:all .3s ease}.stats-card:hover{background:#ffffffb3;box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.image-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.85}}.animate-pulse-subtle{animation:pulse-subtle 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes wave{0%,to{height:20px;opacity:1}50%{height:8px;opacity:.7}}.animate-wave{animation:wave 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes audio-wave{0%,to{height:24px;opacity:1}25%{height:8px;opacity:.8}50%{height:20px;opacity:.9}75%{height:12px;opacity:.85}}.animate-audio-wave{animation:audio-wave .8s cubic-bezier(.4,0,.6,1) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}.speech-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;z-index:10;pointer-events:none}.speech-bubble__content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:8px 14px;font-size:14px;color:#333;white-space:nowrap;box-shadow:0 2px 8px #0000001f;border:1px solid rgba(0,0,0,.05)}.speech-bubble__tail{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #ffffff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))}.speech-bubble--visible{animation:fadeIn .3s ease-out forwards}.speech-bubble--hidden{animation:fadeOut .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.animal{position:absolute;font-size:3rem;cursor:default;-webkit-user-select:none;user-select:none;z-index:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.animal--moving{transition-property:left,top;transition-timing-function:ease-in-out}.animal--idle{transition:transform .2s ease}.animal--facing-left{transform:translate(-50%,-50%) scaleX(-1)}.animal--facing-right{transform:translate(-50%,-50%) scaleX(1)}.animal:hover{filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}.animal__sprite{display:inline-block;line-height:1}.animal-plaza{position:relative;width:100%;height:100vh;min-height:500px;overflow:hidden;background:linear-gradient(180deg,#e8f4fc,#d4eaf7,#c5e3f6 60%,#b8dff5)}.animal-plaza__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.animal-plaza__ground{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#c8e6c9,#a5d6a7,#81c784);border-radius:50% 50% 0 0/20% 20% 0 0}.animal-plaza__decoration{position:absolute;pointer-events:none}.animal-plaza__decoration--tree-1{left:8%;bottom:35%;width:60px;height:80px;background:linear-gradient(180deg,#66bb6a,#43a047);border-radius:50% 50% 10% 10%;box-shadow:0 4px 8px #0000001a}.animal-plaza__decoration--tree-1:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:12px;height:25px;background:#8d6e63;border-radius:2px}.animal-plaza__decoration--tree-2{right:10%;bottom:38%;width:50px;height:70px;background:linear-gradient(180deg,#81c784,#66bb6a);border-radius:50% 50% 10% 10%;box-shadow:0 4px 8px #0000001a}.animal-plaza__decoration--tree-2:after{content:"";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:10px;height:22px;background:#a1887f;border-radius:2px}.animal-plaza__decoration--bush-1{left:20%;bottom:28%;width:40px;height:25px;background:linear-gradient(180deg,#aed581,#8bc34a);border-radius:50%;box-shadow:0 2px 4px #00000014}.animal-plaza__decoration--bush-2{right:25%;bottom:30%;width:35px;height:22px;background:linear-gradient(180deg,#c5e1a5,#aed581);border-radius:50%;box-shadow:0 2px 4px #00000014}.animal-plaza__content{position:relative;width:100%;height:100%;z-index:1}@media(max-width:768px){.animal-plaza{min-height:400px}.animal-plaza__decoration--tree-1{width:45px;height:60px;left:5%}.animal-plaza__decoration--tree-2{width:40px;height:55px;right:5%}.animal-plaza__decoration--bush-1,.animal-plaza__decoration--bush-2{width:30px;height:18px}}@media(max-width:480px){.animal-plaza{min-height:350px}.animal-plaza__decoration--tree-1,.animal-plaza__decoration--tree-2{display:none}}