:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--bg-whitesmoke:#f5f5f5}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans)}body{background:#f5f5f5;background:var(--bg-whitesmoke);min-height:100vh}main{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));min-height:100dvh;place-content:center}.global-stats,.local-stats{grid-column:span 3}.global-stats{background:#fff3;border-radius:20px;display:flex;flex-direction:column;gap:.5rem;justify-content:end;padding:2rem 1rem;place-content:end}.app-content>*{color:#000;line-height:1.5;margin:0;padding:0}.app-content h1{font-size:1.875rem;letter-spacing:.1rem;line-height:1.5}.app-content p{font-size:1rem}.local-stats{grid-gap:1rem;display:grid;gap:1rem;width:100%}@media (min-width:768px){main{margin:0 auto;max-width:70%}.global-stats{grid-column-start:3}.local-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.animal-button{align-items:center;background:#fff;border-radius:50%;box-shadow:0 12px 24px #0003,0 8px 12px #00000026,inset 0 -3px 0 #0000001a;cursor:pointer;display:flex;flex-direction:column;font-size:80px;gap:.75rem;height:200px;justify-content:center;touch-action:manipulation;width:200px}.animal-button:hover{box-shadow:0 18px 30px #0003,0 8px 12px #00000026,inset 0 -3px 0 #0000001a}.animal-button:active{box-shadow:0 4px 8px #0003,0 2px 4px #00000026,inset 0 -1px 0 #0000001a;transform:translateY(5px)}.animal-button .animal-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:4.5rem}.click-count{background:#0003;border-radius:20px;color:#fffc;font-size:1.1rem;font-weight:500;padding:.3rem .4rem}@media (max-width:880px){.animal-button{height:150px;min-height:100px;width:150px}.animal-button .animal-emoji{font-size:4rem}.click-count{font-size:.7rem}}.animal-count{align-items:center;background:#ffffff1a;border:var(--border);border-radius:15px;display:flex;justify-content:space-between;padding:.5rem .8rem}.animal-count .animal-emoji{color:#000;font-size:1.2rem}.animal-count-number{background:#fff3;border-radius:10px;color:#000;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.6f88c7ce.css.map*/