*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body{min-height:100vh}#root{align-items:center;display:flex;justify-content:center}:root{--border:1px solid #fff3}.app{margin:0 auto;max-width:1200px;padding:2rem;position:relative;text-align:center}.app-header{margin-bottom:3rem}.app-header h1{color:#fff;font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.app-header p{color:#ffffffe6;font-size:1.2rem;margin-bottom:0}.click-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000001a;min-width:160px;padding:1.5rem;position:fixed;right:2rem;text-align:center;top:2rem;z-index:1000}.animal-counts{gap:.5rem}.animal-counts,.app-main{display:flex;flex-direction:column}.app-main{align-items:center;gap:2rem}.animals-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;max-width:800px;width:100%}.reset-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.reset-button:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.reset-button:active{transform:translateY(0)}@media (max-width:768px){.app{padding:1rem}.app-header h1{font-size:2rem}.animals-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats-section{padding:1.5rem}.click-counter{padding:1rem;right:1rem;top:1rem}}.animal-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:25px;cursor:pointer;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:280px;padding:3rem;transition:all .3s ease}.animal-icon:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 10px 30px #0003;transform:translateY(-5px) scale(1.05)}.animal-icon:active{transform:translateY(-2px) scale(1.02)}.animal-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:6rem;line-height:1}.animal-name{color:#fff;font-size:1.5rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.click-count{background:#0003;border-radius:20px;color:#fffc;font-size:1.1rem;font-weight:500;padding:.7rem 1.2rem}@media (max-width:768px){.animal-icon{min-height:200px;padding:2rem}.animal-emoji{font-size:4rem}.animal-name{font-size:1.2rem}.click-count{font-size:1rem;padding:.5rem 1rem}}.animal-count{align-items:center;background:#ffffff1a;border:var(--border);border-radius:15px;display:flex;justify-content:space-between;padding:.5rem .8rem}.animal-emoji{color:#fff;font-size:1.2rem}.animal-count-number{background:#fff3;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;min-width:30px;padding:.2rem .6rem;text-align:center}@media (max-width:768px){.click-counter{min-width:140px}.animal-count{padding:.4rem .6rem}.animal-emoji{font-size:1rem}.animal-count-number{font-size:.9rem;min-width:25px;padding:.2rem .4rem}}.sync-status{flex-direction:column}.sync-info,.sync-status{align-items:center;display:flex;gap:.5rem}.sync-icon{animation:spin 1s linear infinite;font-size:1.2rem}.sync-icon:not(.syncing){animation:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sync-text{color:#fff;font-size:1rem;font-weight:500}.last-sync{color:#ffffffb3;font-size:.8rem}.manual-sync-button{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.8rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .3s ease}.manual-sync-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.manual-sync-button:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.f34ccaf6.css.map*/