@import"https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{display:flex;flex-direction:column;justify-content:center;text-align:center;background-image:url(/assets/fondo-JoyE0tIv.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:100vh;font-family:Cal Sans,sans-serif;color:#e4d79e;height:100vh;position:relative}.nav{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#fff0;display:flex;align-items:center;justify-content:center;z-index:1000}.logoJuego{position:fixed;top:3%;left:3%;display:flex;flex-direction:column;width:10rem}.logoJuego:hover{filter:drop-shadow(0 0 2em #ffac2faa)}.logoJuego div{position:relative;display:inline-block}.logoJuego .img{display:block;width:70%;height:auto}.texto{position:absolute;top:85%;left:50%;transform:translate(-65%);width:100%}.horneritoLogo{position:fixed;bottom:1%;right:1%;display:flex;flex-direction:column;width:5%;z-index:1}.horneritoLogo:hover{filter:drop-shadow(0 0 2em #ffac2faa)}.align-center{display:flex;align-items:center}@media (max-width: 1200px){.horneritoLogo{width:8%}.logoJuego{position:absolute;left:50%;transform:translate(-30%);top:-1%;z-index:10}body{height:100dvh}}.imgUser-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.imgUser-wrapper img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.imgUser-wrapper img{display:block;height:200px;width:200px;border-radius:100%}.inputName{padding:.6rem;border:2px solid #AA1D41;border-radius:5px;color:#dcd099;text-align:center;background-color:#353535;outline:none;margin-bottom:1.2rem;font-size:1.1rem;width:100%}.inputName:focus{border:2px solid #E6783F}.inputName::placeholder{color:#dcd099;opacity:1}.idioma{display:flex;align-items:center;padding-left:.1rem;justify-content:center;font-size:1.1rem;margin-top:1rem}.idioma p{font-size:1.1rem}.selecIdioma{border:2px solid #AA1D41;margin-left:1rem;padding:.4rem;border-radius:5px;cursor:pointer}svg{color:#af173e;margin-right:.7rem}.container{position:relative;padding:.3rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:30rem;margin-bottom:2rem;box-sizing:border-box}.tarjetaUser{background:#00000091;border-radius:10px;padding:2rem 4rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.botones-container{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}@media (max-width: 600px){.button{width:100%!important}}.fondoBoton{position:relative;display:inline-block}.fondoBoton:hover{transform:scale(1.05)}.fondoBoton:active{transform:scale(.97);filter:brightness(.8)}.button{position:relative;background-color:transparent;width:100%;color:#eadda2;font-size:16px;font-weight:700;cursor:pointer;text-align:center;padding:10px 20px;z-index:2;box-sizing:border-box;font-size:1.7rem;border:none}.lineas{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-evenly;z-index:1;border-radius:5px;overflow:hidden;box-sizing:border-box}.linea{height:34%;width:100%}.linea1{background-color:#c81946}.linea2{background-color:#ec3718}.linea3{background-color:#f97c08}.contenedor{margin-top:8rem;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column}p{color:#eadda2;font-size:2rem;font-weight:700}.top{width:100%;display:flex;margin-bottom:2rem;justify-content:space-evenly;align-items:center}.top button{height:5rem}.cajas{display:flex;margin-bottom:2rem;justify-content:space-evenly;width:100%}.jugadores,.pullpalabras{width:20%;border-radius:10px;color:#eadda2;font-size:1.3rem;font-weight:700;padding:.5rem}.fondo{background-color:#00000054;padding:1rem;border-radius:10px;height:30rem;border:2px solid red;margin-bottom:2rem;min-width:300px;overflow-y:auto}.jugadores p{font-size:1.2rem;text-align:start}.pullpalabras{margin-left:1rem}.generador{display:flex;align-items:center;width:100%;justify-content:center}.icono{font-size:2rem;margin-bottom:1rem}.margin{margin-left:.5rem}.lista p{font-size:1.5rem}.configuracion-button svg{margin-right:0}.containedorBotones{min-width:300px}@media (max-width: 600px){.contenedorJugadores{display:flex;height:10rem;overflow-x:auto;gap:1rem}.fondo{display:flex;max-height:10rem;gap:1rem;width:85%}.fondo h2{display:none;visibility:hidden}.cajas{display:flex;flex-direction:column;margin-top:15rem}.jugadores{position:relative;width:100%!important}.containedorBotones{width:100%;position:absolute;display:flex;top:-35%;justify-content:space-between;align-items:center;left:48%;transform:translate(-50%)}.button{width:16rem;height:auto;font-size:1.3rem}.fondoBoton{margin:0!important}.iconoJugador{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:10rem}.iconoJugador img{height:5rem}.iconoJugador p{margin:0;padding:0}.pullpalabras{display:flex;flex-direction:column;width:90%}.pullpalabras .fondo{min-height:24rem;display:flex;flex-direction:column}.generador{margin-top:2rem}.pullpalabras .fondo .fondoBoton{width:15rem!important}}.conteiner{margin-top:9rem;height:calc(90vh - 9rem);width:100%;display:flex;justify-content:space-evenly}.pistapuntajeContenedor{min-width:20%}.pistas,.puntos{width:20%;display:flex;flex-direction:column}.cartas{width:55%}.especial{display:flex;flex-direction:column;align-items:center}.especial img{width:5.5rem;margin:0}.especial p{font-size:1.5rem}.pistas{padding:1rem;width:100%;margin-top:1rem}.fade-in{animation:fadeIn 1s ease-in-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.cajaExterna{background:linear-gradient(#ff963b,#e22e30);padding:.3rem;border-radius:10px;margin:1rem}.pistaUser{display:flex;align-items:center;background-color:#000000c5;border-radius:10px;height:4rem;padding-left:.5rem;cursor:pointer}.imgUserGame{height:2rem;border-radius:100%;margin-right:.5rem}.pistaUser p{text-align:center;width:calc(100% - .5rem)}.cartas{display:flex;justify-content:center;min-width:20rem;max-width:50rem}.columnas div{height:auto;min-height:10rem;display:flex;flex-direction:column;justify-content:center;flex-grow:1;word-wrap:break-word;white-space:normal;aspect-ratio:1 / 1}.columnas div p{margin:0;padding:0}.filas{background-color:#000000c5;border-radius:10px}.opcion p{height:6rem;display:flex;justify-content:center;align-items:center}.titulo{display:flex;align-items:center;justify-content:center;font-size:1.7rem}.puntosUser{display:flex;align-items:center;padding:.5rem;height:4rem;background-color:#000000c5;border-radius:10px;text-align:center}.puntosUser p{width:100%}.error-message{color:red;font-weight:700;margin-bottom:1rem}.success-message{color:green;font-weight:700;margin-bottom:1rem}@font-face{font-family:fuenteReloj;src:url(/assets/digital-7-Cnm38d_8.ttf) format("truetype");font-weight:400;font-style:normal}.contenedorReloj{position:relative;width:20rem;height:20rem;display:flex;align-items:center;justify-content:center;margin-left:6rem}.contenedorReloj .imagen-fondo{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0}.timer{position:relative;left:29%}.timer p{font-family:fuenteReloj,sans-serif;font-size:9rem;color:#f50014;margin:0;letter-spacing:10px}.fondoConteiner{background:linear-gradient(#00000042,#fff1)!important;border-radius:10px;padding:0!important;position:relative;border:none!important}.estrellita{font-size:1.7rem;margin:0;padding:0}.responsive-timer-container{display:flex;justify-content:center;align-items:center;margin:.5em 0}.responsive-timer{border:4px solid #db1f57;border-radius:1.5em;min-width:70px;min-height:70px;width:18vw;max-width:120px;height:18vw;max-height:120px;display:flex;justify-content:center;align-items:center;font-size:2.5em;font-weight:700;color:#db1f57;box-shadow:0 2px 8px #00000014;transition:all .2s}@media (max-width: 1200px){.responsive-timer{top:1rem;left:1rem;display:flex;justify-content:center;position:fixed;top:1%;left:40%}.timer h2{display:none;visibility:hidden}.conteiner{width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;margin-top:13rem;height:calc(100dvh - 13rem)}.pistapuntajeContenedor{min-height:5rem;margin-bottom:1rem;display:flex!important;width:95%;position:fixed;top:1rem;left:1rem}.pistas{display:flex!important;flex-direction:row;padding:0;margin:0}.puntos{min-height:7rem;margin-bottom:1rem;display:flex!important;width:90%}.pistapuntajeContenedor{overflow-x:auto}.cartas{width:100%;margin-bottom:1rem}.columnas{width:30%!important}.columnas div{min-height:3.5rem!important}.especial img{display:none;visibility:hidden}.cajaExterna p{font-size:1.2rem}.cajaExterna{margin:.2rem}.pistaUser{display:flex;flex-direction:column;min-height:6rem;min-width:5rem}.pistaUser p{margin:0;padding:0}}form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:6rem}.imgUser-wrapper{display:inline-block;padding:5px;background:linear-gradient(#ecc44c,#e4573a);border-radius:100%;position:relative;margin-bottom:2rem}.imgUser{display:block;height:200px;width:200px;border-radius:100%}.cambioImg{background-color:#c81946;border-radius:50%;position:absolute;bottom:20px;right:10px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.cambioImg svg{width:60%;height:60%;color:#fff;margin:0}.botones{display:flex;flex-direction:column}input{padding:.6rem;border:2px solid #AA1D41;border-radius:5px;color:#dcd099;text-align:center;background-color:#353535;outline:none;margin-bottom:1rem;font-size:1.1rem}.input:focus{border:2px solid #E6783F}.input::placeholder{color:#dcd099;opacity:1}.container{position:relative;padding:.3rem;border-radius:10px;display:inline-block;margin-bottom:2rem}.tarjetaUser{background:#00000075;border:2px solid rgb(255,0,0);border-radius:10px;padding:2rem 4rem;position:relative;z-index:1}.botones-container{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;max-width:100%}