body{margin:0;padding:0;height:100%;overflow:hidden;background-color:#cbd5e1}#gameContainer{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}#game{flex:0 0 50%;width:100%;height:85%;margin:auto;margin-top:2vh;padding-left:15%}#login-signup{position:absolute;top:20px;right:20px;background-color:#fff;padding:10px;border-radius:5px;box-shadow:0 2px 10px #0000001a}#loginBtn{position:absolute;bottom:1rem;right:1rem;width:10%;max-width:100px}#login-signup{display:none;position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%);background:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 10px #0003;z-index:1000}#login-header{display:flex;justify-content:space-between}#closeBtn{height:2rem;width:2rem;text-align:center;margin:auto;margin-right:1rem}#infoBox{display:none;position:fixed;max-height:50rem;overflow-y:auto;background:#fffffff2;padding:15px;border-radius:10px;box-shadow:0 4px 10px #0003;top:50%;left:50%;width:80%;transform:translate(-50%,-50%)}#infoBox h3{margin-top:0}#infoToggleBtn{position:absolute;bottom:1rem;left:1rem;width:10%;max-width:100px}.animal-card{display:block;text-align:center;text-decoration:none;color:inherit;background:#fafafa;border-radius:8px;padding:1rem;transition:transform .2s,box-shadow .2s}.animal-card img{width:100%;height:auto;border-radius:6px;box-shadow:0 1px 4px #0000001a}.animal-card h4{margin-top:.5rem;font-size:.9rem}.animal-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000026}#addAnimalContainer{position:absolute;bottom:2rem;width:100%;height:3rem;display:flex;justify-content:center}#addAnimalBtn{position:absolute;bottom:1rem;width:20%}#fillButton{position:relative;width:200px;height:50px;font-size:16px;border:2px solid #0173B9;background-color:transparent;overflow:hidden;color:#000;cursor:pointer}#fillButton .fill{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#0173b9;z-index:0;transition:width .1s linear}#fillButton span{position:relative;z-index:1}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}.popup-content{background:#fff;border-radius:10px;padding:20px;max-width:400px;margin:15% auto;box-shadow:0 4px 12px #00000026;position:relative;text-align:center}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer}#hud{display:flex;justify-content:space-between}#gameButtons{margin:auto 5%;display:flex;gap:10px}#score{font-size:3rem;font-weight:700;color:#333}