:root{--fuente-principal: "Play", sans-serif;--fuente-titulos: "Press Start 2P", sans-serif;--color-principal: #111827;--color-secundario: #030712;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:grid;width:100%;min-height:100dvh;grid-template-rows:auto 1fr auto;background-color:var(--color-principal)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-principal);color:#fff;width:100%;box-sizing:border-box;border-bottom:grey .5px solid;position:relative}.nav{display:flex;align-items:center;justify-content:center;gap:2rem;box-sizing:border-box}.title{font-family:var(--fuente-titulos);font-size:1.5rem}.nav-link{font-family:var(--fuente-titulos);font-size:.7rem;text-decoration:none;color:#fff;text-align:center}.active{text-decoration:underline}.menu-toggle{display:none;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer}@media (max-width: 1024px){.menu-toggle{display:block}.nav{display:none;flex-direction:column;position:absolute;top:100%;right:0;background-color:var(--color-principal);width:100%;padding:1rem 0;gap:1rem;box-shadow:0 4px 6px #0000001a;border-bottom:1px solid rgba(255,255,255,.1)}.title{font-size:.8rem}.nav.open{display:flex}.nav-link{font-size:.8rem;text-align:center}}.inicio{display:flex;flex-direction:column;align-items:center;background-color:var(--color-principal);min-height:100vh;width:100%;box-sizing:border-box;color:#e2e8f0;padding-bottom:4rem}.inicio-welcome{text-align:center;margin-top:6rem;margin-bottom:3rem}.inicio-welcome-title{font-family:var(--fuente-titulos);font-size:2.5rem;margin:0 0 1rem;color:var(--color-detalle);text-shadow:0 0 10px #00ffc377}.inicio-welcome-text{font-family:var(--fuente-principal);font-size:1.2rem;color:#cbd5e1;max-width:800px;margin:0 auto}.inicio-trailer{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:3rem}.inicio-trailer-title{font-family:var(--fuente-principal);font-size:2rem;color:var(--color-detalle);margin-bottom:1rem;text-align:center}.inicio-trailer-text{font-family:var(--fuente-principal);font-size:1.2rem;color:#94a3b8;margin-top:0;margin-bottom:2rem;max-width:800px;text-align:center}.inicio-historia{margin:2rem 2rem 0;max-width:1000px;background-color:var(--color-secundario);border:1px solid #334155;border-radius:20px;padding:2rem;box-shadow:0 0 20px #00ffc322}.inicio-historia-title{font-family:var(--fuente-principal);font-size:2rem;color:var(--color-detalle);margin-bottom:1rem}.inicio-historia-text{font-family:var(--fuente-principal);font-size:1.1rem;color:#cbd5e1;text-align:justify;line-height:1.7}@media (max-width: 1024px){.inicio-welcome-title{font-size:2.2rem}.inicio-welcome-text{font-size:1.1rem;padding:0 2rem}.inicio-trailer-title{font-size:1.8rem}.inicio-trailer-text{font-size:1.1rem;padding:0 2rem}.inicio-historia{margin:0 2rem;padding:1.8rem}.inicio-historia-title{font-size:1.8rem}.inicio-historia-text{font-size:1.05rem;line-height:1.6}}@media (max-width: 768px){.inicio-welcome-title{font-size:1.7rem}.inicio-welcome-text{font-size:1rem;padding:0 1rem}.inicio-trailer-title{font-size:1.5rem}.inicio-trailer-text{font-size:1rem;padding:0 1rem}.inicio-historia{margin:0 1rem;padding:1.5rem;max-height:450px;overflow-y:auto}.inicio-historia-title{font-size:1.5rem}.inicio-historia-text{font-size:1rem;line-height:1.5}}.custom-carousel{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;margin:2rem auto;background:#1e293b;border-radius:16px;box-shadow:0 4px 24px #0004;padding:1rem;font-family:var(--fuente-principal)}.carousel-slide{display:flex;flex-direction:column;align-items:center}.carousel-img{width:100%;width:600px;height:auto;object-fit:cover;border-radius:12px;margin:1rem 0}.carousel-desc{color:#e2e8f0;font-size:1.1rem;text-align:center;margin:0}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#334155cc;color:#fff;border:none;border-radius:50%;width:4rem;height:4rem;font-size:1.5rem;cursor:pointer;z-index:2;transition:background .2s}.carousel-btn.left{left:3rem}.carousel-btn.right{right:3rem}.carousel-btn:hover{background:#00ffc3cc;color:#1e293b}.carousel-dots{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}.carousel-dot{width:12px;height:12px;background:#64748b;border-radius:50%;display:inline-block;cursor:pointer;transition:background .2s}.carousel-dot.active{background:#00ffc3}@media (max-width: 768px){.custom-carousel{width:90%;padding:.5rem}.carousel-btn{width:3rem;height:3rem;font-size:1.2rem}.carousel-img{width:100%;height:auto}.carousel-desc{font-size:1rem}.carousel-btn.left{left:1rem}.carousel-btn.right{right:1rem}}.footer{display:flex;justify-content:center;align-items:center;background-color:var(--color-principal);width:100%;height:3rem;border-top:grey .5px solid}.footer-text{font-family:var(--fuente-principal);margin:0;font-size:1.2rem}@media (max-width: 768px){.footer-text{text-align:center;font-size:1rem}}.sobre-nosotros{display:flex;flex-direction:column;align-items:center;padding:20px;justify-content:center;background-color:var(--color-principal);padding-bottom:3rem;width:100%;box-sizing:border-box}.desc{text-align:center;width:80%}.desc-title{font-family:var(--fuente-titulos);font-size:2.5rem;text-shadow:0 0 10px #00ffc377}.desc-text{font-family:var(--fuente-principal);font-size:1.5rem;margin-bottom:2.5rem}.members{display:flex;max-width:1200px;width:100%;justify-content:space-between;padding-top:3rem;margin:0 auto}@media (max-width: 1024px){.members{flex-direction:column;align-items:center;padding-top:2rem}}@media (max-width: 768px){.sobre-nosotros{max-width:100dvw}.desc-title{font-size:2rem}.desc-text{font-size:1.2rem}}.member{font-family:var(--fuente-principal);display:flex;flex-direction:column;align-items:center;background-color:var(--color-secundario);padding:20px;border-radius:20px}.member-image{aspect-ratio:1/1;width:300px}.icon{width:50px;height:50px;margin:.5rem}@media (max-width: 1024px){.member{max-width:300px;margin-left:1rem;margin-right:1rem;margin-top:2rem}.member-description{text-align:center;font-size:1.1rem}}.highscores{background-color:var(--color-principal);display:flex;flex-direction:column;align-items:center;justify-content:center}.highscores-title{font-family:var(--fuente-titulos);font-size:2.5rem;margin-top:5rem;text-align:center;text-shadow:0 0 10px #00ffc377}.highscores-desc{font-family:var(--fuente-principal);font-size:1.5rem;text-align:center;margin:1rem 2rem}.highscores-table-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow-x:auto}.highscores-loading{font-family:var(--fuente-principal);font-size:1.5rem;margin-top:1rem;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.highscores-title{font-size:2rem}.highscores-desc{font-size:1.2rem}}@media (max-width: 768px){.highscores-title{font-size:1.8rem}.highscores-desc{font-size:1rem;margin:1rem}}.highscores-table-container{width:100%;overflow-x:auto}.highscores-table{font-family:var(--fuente-principal);border:1px solid #ccc;border-collapse:collapse;width:100%;max-width:1200px;margin:2rem auto;overflow-x:auto}.highscores-table th,td{border-bottom:1px solid #ccc;text-align:center;padding:10px;font-size:1rem}.highscores-table-head{border-radius:20px}.highscores-table-header{text-align:center;font-size:1.2rem;padding:15px;background-color:var(--color-secundario)}.highscores-table-header div{display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.highscores-table{max-width:800px}.highscores-table th,td{font-size:.7rem;padding:8px}.highscores-table-header{font-size:1rem;padding:10px}}@media (max-width: 768px){.highscores-table{display:block;max-width:100dvw}.highscores-table-header{font-size:.9rem;padding:8px}}.highscore-cell{text-align:center;font-size:1.5rem;padding:20px}.highscore-cell div{display:flex;justify-content:center;align-items:center}.highscore-gold{color:gold}.highscore-silver{color:silver}.highscore-brown{color:#8b4513}@media (max-width: 1024px){.highscore-cell{font-size:1rem;padding:10px}}@media (max-width: 768px){.highscore-cell{font-size:1rem;padding:10px}}.button{width:fit-content;padding:10px;margin-bottom:20px;height:auto;border:solid white 1px;font-family:var(--fuente-principal);background-color:var(--color-secundario);font-size:1.5rem;color:#fff;border-radius:10px}.button:hover{cursor:pointer;background-color:#00ffc3;transition:all ease-in-out .2s}@media (max-width: 768px){.button{width:fit-content;padding:10px;font-size:1rem;border-radius:10px}}.agradecimientos{height:79vh;display:flex;flex-direction:column;padding:2rem 3rem;background:var(--color-principal);color:#fffc;text-align:justify;line-height:1.6}.agradecimientos-title{font-family:var(--fuente-titulos);font-size:2.5rem;text-align:center;margin-bottom:2rem;padding-bottom:.5rem;text-shadow:0 0 10px #00ffc377}.agradecimientos-text{font-size:1.5rem;font-family:var(--fuente-principal);max-width:1000px;margin:0 auto;background-color:#0000004d;padding:1.5rem;border-radius:12px;box-shadow:0 0 15px #00ffc344;max-height:500px;overflow-y:auto}@media (max-width: 1024px){.agradecimientos-title{font-size:2rem}.agradecimientos-text{font-size:1.5rem;max-width:800px}}@media (max-width: 768px){.agradecimientos{max-width:100dvw;padding:1rem}.agradecimientos-title{font-size:1.2rem}.agradecimientos-text{font-size:1rem}}.instrucciones{background-color:var(--color-principal);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.instrucciones-title{margin:5rem 1rem 1rem;font-family:var(--fuente-titulos);font-size:2.5rem;text-shadow:0 0 10px #00ffc377}.instrucciones-description{font-family:var(--fuente-principal);font-size:1.7rem;margin:1rem 1rem 5rem;text-align:center}.instrucciones-section{width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}@media (max-width: 1024px){.instrucciones-title{font-size:2.5rem;text-align:center}.instrucciones-description{font-size:1.5rem;margin:2rem 1rem 3rem 2rem}.instrucciones-section{flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 768px){.instrucciones{max-width:100dvw}.instrucciones-title{font-size:1.5rem;text-align:center}.instrucciones-description{font-size:1.2rem;margin:1rem 1rem 3rem}}.instruction-card{display:flex;flex-direction:column;align-items:center;border-radius:10px;box-shadow:0 0 20px #00ffc322;background-color:var(--color-secundario);font-family:var(--fuente-principal);width:27%;min-height:500px;margin-bottom:50px}.instruction-card-image{aspect-ratio:16/9;width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px}.instruction-card-content{padding:10px 20px;width:100%;box-sizing:border-box}.instruction-card-title{font-size:2rem;margin-bottom:10px}.instruction-card-description{font-size:1.2rem;text-align:start;margin-bottom:10px}@media (max-width: 1024px){.instruction-card{width:65%;margin-bottom:20px}}@media (max-width: 768px){.instruction-card{width:80%;margin-bottom:20px}}.led-symbology{background-color:var(--color-secundario);padding:20px;border-radius:20px;box-shadow:0 0 20px #00ffc322;margin:20px;width:70%;font-family:var(--fuente-principal);box-sizing:border-box}.led-symbology-container{display:flex;justify-content:space-around;align-items:center;box-shadow:0 4px 8px #0003}.led-symbology-title{font-size:2rem;margin:0}.led-symbology-description{font-size:1.2rem;text-align:start;margin:10px 0}@media (max-width: 1024px){.led-symbology{margin-bottom:20px;width:85%}}@media (max-width: 768px){.led-symbology{margin-bottom:20px;flex-direction:column-reverse;text-align:center;width:90%}.led-symbology-description{text-align:center;font-size:1.1rem}}.led{display:flex;justify-content:center;align-items:center;max-width:500px;box-shadow:0 4px 8px #0003;margin:20px 15px}.led-color{border-radius:100%;width:50px;height:50px;margin-right:20px}.led-title{font-size:1.5rem;margin:0}.led-description{font-size:1.1rem;text-align:start}@media (max-width: 1024px){.led{max-width:400px;margin-bottom:20px;flex-direction:column-reverse;text-align:center}.led-description{text-align:center}.led-color{margin:0}}@media (max-width: 768px){.led{margin-bottom:20px;flex-direction:column-reverse;text-align:center}.led-info{display:flex;flex-direction:column;align-items:center;justify-content:start}.led-description{text-align:center;font-size:1rem}.led-title{font-size:1.15rem;margin:0}.led-color{margin:0}}.jefes{background-color:var(--color-principal);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.jefes-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.jefes-title{margin:5rem 2rem 2rem;font-family:var(--fuente-titulos);font-size:2.5rem;text-shadow:0 0 10px #00ffc377}.jefes-description{font-family:var(--fuente-principal);font-size:1.7rem;margin:2rem 2rem 5rem;text-align:center}@media (max-width: 1024px){.jefes-title{font-size:2.5rem;text-align:center}.jefes-description{font-size:1.5rem;margin:2rem 1rem 3rem 2rem}}@media (max-width: 768px){.jefes{max-width:100dvw}.jefes-title{font-size:2rem;text-align:center}.jefes-description{font-size:1.2rem;margin:2rem 1rem 3rem 2rem}}.jefe-card{padding:2rem 0;display:flex;justify-content:space-between;max-width:1000px;margin-bottom:3rem;background-color:var(--color-secundario);border-radius:20px;box-shadow:0 0 20px #00ffc322}.jefe-div-main{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--fuente-principal);padding-left:2rem;max-width:400px}.jefe-div-info{font-family:var(--fuente-principal);margin:0 1.5rem;max-width:800px}.jefe-img{aspect-ratio:1/1;width:300px}.jefe-name{font-size:2rem;margin-bottom:0}.jefe-subtitle{font-size:1.5rem;margin-bottom:1rem}.jefe-description{font-size:1.1rem;margin-bottom:1rem}.jefe-attack{font-size:1.1rem}@media (max-width: 1024px){.jefe-card{flex-direction:column;align-items:center;margin-left:1rem;margin-right:1rem;max-width:600px}.jefe-div-info{margin-left:1.5rem}.jefe-div-main{padding-left:0;padding-right:0}}@media (max-width: 768px){.jefe-img{width:250px}.jefe-description,.jefe-attack{font-size:1rem}.jefe-div-main{padding-left:0;padding-right:0}}