body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#121212;color:#fff;flex-direction:column;font-family:Roboto,sans-serif;height:100vh;margin:0}body,header{display:flex}header{align-items:center;background-color:#1c1c1c;border-bottom:2px solid #00ff75;height:50px;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:100}header h1{color:#00ff75;font-size:24px;margin:0}@media (max-width:767px){header{font-size:.9rem;padding:.5rem}}footer{align-items:center;background-color:#1c1c1c;border-top:2px solid #00ff75;bottom:0;display:flex;height:50px;justify-content:space-between;left:0;padding:15px 30px;position:fixed;right:0;z-index:0}footer ul li a{color:#00ff75;font-size:24px;margin:0;text-decoration:none}footer .cerrar-sesion button{background-color:red;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px}@media (max-width:767px){footer{font-size:.5rem;padding:.5rem}}.main{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Arial,sans-serif;height:100%;justify-content:space-around;margin:0 auto;max-width:1200px;padding:20px 20px 100px}.introduccion{display:inline-block;position:relative}.Home-Imagen{max-height:200px;width:100%}.textoimg{border-Radius:5px;align-items:center;background:rgba(0,0,0,0);color:#fff;display:flex;justify-content:center;left:10px;padding:120px;position:absolute;top:10px}.auth-buttons button{border:none;border-radius:5px;cursor:pointer;font-weight:700;list-style-type:none;margin-left:10px;padding:8px 16px}.btn-register{background-color:#ff0}.btn-login{background-color:#00ff75}.btn-login a,.btn-register a{color:#000;text-decoration:none}.sidenav{background-color:#1b1b1b;border-right:3px solid #00ff75;height:93vh;left:-100%;padding:0 30px;position:fixed;transition:all .3s;width:240px;z-index:50}.sidenav .contenido-sidenav{padding-top:2em}.sidenav.active{left:0}.logo{width:50px}.sidenav ul{padding:0}.sidenav ul li{list-style-type:none;margin:25px 0}.sidenav ul li a{border-radius:6px;color:#00ff75;display:block;font-size:16px;padding:10px 15px;text-decoration:none}.sidenav ul li a.active,.sidenav ul li a:hover{background:#302f2f}header svg{font-size:40px}.Formulario{color:#e1e1e1bd;font-size:25px}.Formulario,form{align-items:center;display:flex;flex-direction:column;justify-content:center}form{background:#e1e1e1bd;border-radius:10px;color:#000;max-width:500px;padding:30px;width:100%}.Formulario .btn{background-color:#00d162}.Formulario .btn,.Formulario .cambio{border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:20px;padding:8px}.Formulario .cambio{background-color:#ced100;margin-left:20px}.Formulario .btn:hover{background-color:#00ff40}@media (max-width:767px){.Formulario{font-size:.9rem;padding:.5rem}}.juegos-container{display:flex;flex-direction:row;flex-wrap:wrap;font-family:Arial,sans-serif;height:100%;justify-content:space-around;margin:0 auto;max-width:1200px;padding:20px 20px 100px}.juegos-container .imagen{flex:0 0 auto}.juegos-container .imagen img{display:block;height:auto;max-width:100%}.juegos-container .texto{flex:1 1}.juegos-titulo{color:#fff;margin-bottom:30px;text-align:center}.juego2,.juego3,.juegos-container .juego1{border:1px solid #ddd;border-radius:8px;margin:20px;max-width:300px;min-width:200px;overflow:hidden;padding:30px;transition:transform .3s ease}.juego2,.juego3 div,.juegos-container .juego1{display:flex}.juegos-container .jugar{background-color:#00d162;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:20px;padding:8px}.juegos-container a{color:#7bff00;text-decoration:none}.juegos-container div:hover{transform:translateY(-5px)}@media (max-width:480px){.juegos-container div{flex:1 1 90%;height:200px;max-width:50%}}.hidden{display:none}.info-usuarios{border-collapse:collapse;margin-top:50px;width:100%}.info-usuarios td,.info-usuarios th{border-bottom:1px solid #00ff75;padding:12px;text-align:right}.info-usuarios th{background-color:#222;font-weight:700}.info-usuarios tr:hover{background-color:#302f2f}.contenedor-puntuaciones{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.filtros{align-items:center;display:flex;gap:15px;margin:20px 0}.filtros button,.filtros select{border-radius:4px;padding:8px 12px}.tabla-puntuaciones{border-collapse:collapse;margin-top:50px;width:100%}.tabla-puntuaciones td,.tabla-puntuaciones th{border-bottom:1px solid #00ff75;padding:12px;text-align:right}.tabla-puntuaciones th{background-color:#222;font-weight:700}.tabla-puntuaciones tr:hover{background-color:#302f2f}.error,.loading{font-size:18px;padding:20px;text-align:center}.error{color:#d32f2f}.tableroSerpiente{background:#474747;border:10px solid #555}.reiniciar{background-color:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.juegoSerpiente{text-align:center}.juego{align-items:center;display:flex;justify-content:center;margin-top:40px}.tablero{grid-gap:5px;display:grid;grid-template-columns:repeat(3,100px)}.cuadro{background-color:#929292;color:#adff2f;cursor:pointer;font-size:24px;height:100px;width:100px}.estado{align-items:center;display:flex;font-size:18px;justify-content:space-around;margin-top:20px}.estado button{background-color:#fe0;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px}.Tablero{flex-wrap:wrap;height:100vh;height:80vw;margin:0 auto;width:80vw}.Cuadrado,.Tablero{align-items:center;display:flex;justify-content:center}.Cuadrado{float:left;height:12.5%;position:relative;width:12.5%}.Negro{background-color:#574804}.Blanco{background-color:#f0d9b5}.coordenada{bottom:4%;display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;font-weight:700;height:auto;left:4%;position:absolute}.textoBlanco{color:#574804}.textoNegro{color:#f0d9b5}.rango{left:4%;right:auto;top:4%}.pieza{cursor:pointer;width:100%;z-index:1}.pieza img{height:auto;max-width:100%;width:100%}@media (min-width:600px){.Tablero{height:600px;width:600px}.coordenada{font-size:8px}}.game-over-modal{background:#fff;border-radius:10px;box-shadow:0 0 20px #00000080;left:50%;padding:2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.game-over-modal h2{color:#333;margin-bottom:1.5rem}.game-over-modal button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.game-over-modal button:hover{background:#45a049}.Tablero.game-over{opacity:.7;pointer-events:none}.mensajePartida{margin:10px;min-height:30px}.mensajePartida h2{color:#fff}
/*# sourceMappingURL=main.e040d218.css.map*/