html,body,#root{margin:0;padding:0;-webkit-user-select:none;user-select:none}canvas{touch-action:none}button:active{background-color:#2f8a2d;transform:translateY(0)}button{padding:12px 24px;font-size:18px;color:#000;background-color:beige;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;box-shadow:0 4px 8px #0003;margin-top:20px}.container-login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-size:cover;background-position:center;background-color:#446d5d}.welcome-text{font-size:x-large;color:#333}.loading-text{font-size:medium;color:#666}.cursor-pointer{cursor:pointer}.inicio-container{width:100%;height:calc(100vh - 120px);display:flex;justify-content:center;align-items:center}.inicio-container{position:absolute;height:100vh}.message-container{position:fixed;top:15%;left:15%;transform:translate(-50%,-50%);background:#2f8057b3;color:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;z-index:10;font-family:Arial,sans-serif;font-size:13px;margin-top:30px;animation:fadeInOut 5s ease-in-out}.container-defor{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.inicio-container{background-color:#bef5e4;background-image:linear-gradient(147deg,#bef5e4,#2c6580)}.container-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;background-color:#217c61;position:fixed;height:60px;margin:0 auto;z-index:1000;border-end-end-radius:8px;border-end-start-radius:8px;box-shadow:0 2px 5px #0003;width:100%;top:0}h1{position:absolute;left:4rem;width:4.5rem;color:#fff;text-shadow:0 1px 8px #6e5227}nav{flex:1;display:flex;justify-content:center}nav ul{display:flex;list-style:none;padding:0;margin:0}nav ul li{margin-right:2rem}nav ul li:last-child{margin-right:0}nav ul li a{color:#fff;text-decoration:none;font-size:x-large;padding:.5rem 1rem;background-color:#1e6f57;border-radius:5px;display:inline-block;transition:background-color .3s ease,color .3s ease,transform .3s ease}nav ul li a:hover{background-color:#c1e7dd;color:#217c61;transform:translateY(-2px)}.button-logout{position:absolute;right:4rem;cursor:pointer;background-color:transparent;font-size:25px;border:none;color:#fff;transition:color .3s ease;margin-bottom:20px}.button-logout:hover{color:#000}button:hover{background-color:#c1e7dd;transform:translateY(-2px)}.score{color:#fff;position:fixed;right:15rem;font-size:24px}.inicio-container{background-color:#bef5e4}.reforest-message{position:absolute;top:10%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:1rem 2rem;border-radius:10px;font-size:1.2rem;text-align:center;animation:fadeInOut 10s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.limpieza-message{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;z-index:10;font-family:Arial,sans-serif;margin-top:30px;animation:fadeInOut 8s ease-in-out}.limpieza-message h2,.limpieza-message h3{margin:0;font-size:1.5em;color:#2c7a2c}.timer-message{margin-top:-65px;font-size:1.2em;background:#000c;color:#fff;animation:fadeInOut ease-in-out}.limpieza-message a{font:bolder;font-size:1.2rem}.tiempo-agotado{animation:fadeInOut ease-in-out}