:root{--fondo:#0b0b0e;--superficie:#131318;--superficie-2:#1a1a21;--tinta:#ece7dc;--suave:#a9a396;--oro:#c9a45c;--linea:#ece7dc1a;--linea-2:#ece7dc33;--bien:#8fc4a2;--mal:#ef8a7a;--mono:"Geist Mono",ui-monospace,Consolas,monospace;--sans:"Geist",system-ui,sans-serif;--curva:cubic-bezier(.16,1,.3,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{min-height:100dvh}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--oro);outline-offset:3px;border-radius:8px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.15}h1{font-size:clamp(1.6rem,5vw,2.4rem)}h2{font-size:1.35rem}h3{color:var(--suave);margin-top:20px;font-size:1rem;font-weight:500}.suave{color:var(--suave)}.etiqueta{font-family:var(--mono);color:var(--oro);margin:0;font-size:.78rem}.icono{flex:none;width:22px;height:22px}.icono-grande{width:44px;height:44px;color:var(--oro)}.logo-grande{width:72px;height:72px;color:var(--oro)}.fuego{animation:latido 1.2s var(--curva) 2}@keyframes latido{50%{transform:scale(1.18)}}.barra{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea);background:#0b0b0ee6;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.marca{cursor:pointer;letter-spacing:.18em;color:var(--oro);background:0 0;border:0;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.marca span{display:none}@media (width>=640px){.marca span{display:inline}}.contadores{font-family:var(--mono);align-items:center;gap:14px;font-size:.95rem;display:flex}.contador{color:var(--suave);align-items:center;gap:5px;display:inline-flex}.contador .icono{width:20px;height:20px}.contador.vivo{color:var(--oro)}.boton-icono{border:1px solid var(--linea-2);cursor:pointer;background:0 0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.boton-icono:hover{border-color:var(--oro)}.contenido{gap:28px;max-width:880px;margin:0 auto;padding:24px 16px 80px;display:grid}.contenido.angosto{max-width:640px}.centro{text-align:center;place-content:center;justify-items:center;gap:16px;max-width:560px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:grid}.hola{justify-items:start;gap:12px;display:grid}.boton{background:var(--oro);color:#0b0b0e;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 24px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px #8a6d33}.boton:active{transform:translateY(3px);box-shadow:0 1px #8a6d33}.boton-borde{color:var(--tinta);border:1px solid var(--linea-2);box-shadow:none;background:0 0;min-height:42px}.boton-borde:active{transform:scale(.98)}.modos{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:8px;display:grid}.modo{border:1px solid var(--linea-2);background:var(--superficie);cursor:pointer;transition:transform .3s var(--curva),border-color .3s;border-radius:18px;justify-items:center;gap:8px;padding:24px 12px;display:grid}.modo:hover{border-color:var(--oro);transform:translateY(-4px)}.modo span{color:var(--suave);font-size:.88rem}.bloque,.ruta{gap:10px;display:grid}.unidad{border:1px solid var(--linea);background:var(--superficie);border-radius:18px;gap:12px;padding:16px;display:grid}.unidad.pronto{opacity:.55}.unidad-cabeza{align-items:center;gap:10px;display:flex}.unidad-cabeza .icono{color:var(--oro)}.unidad-cabeza .suave{font-family:var(--mono);margin-left:auto;font-size:.85rem}.lecciones{gap:8px;display:grid}.leccion{text-align:left;border:1px solid var(--linea);background:var(--superficie-2);cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px;transition:border-color .2s,transform .2s;display:flex}.leccion:hover:not([disabled]){border-color:var(--oro);transform:translate(3px)}.leccion[disabled]{cursor:not-allowed;opacity:.5}.leccion .numero{border:2px solid var(--linea-2);width:32px;height:32px;font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:grid}.leccion.hecha .numero{background:var(--oro);border-color:var(--oro);color:#0b0b0e}.leccion-titulo{flex:1}.leccion .icono{color:var(--suave)}.leccion.hecha .icono{color:var(--oro)}.lab-tarjeta{text-align:left;border:1px solid var(--linea-2);background:linear-gradient(150deg,#c9a45c24,transparent 60%),var(--superficie);cursor:pointer;transition:transform .3s var(--curva),border-color .3s;border-radius:18px;gap:8px;padding:20px;display:grid}.lab-tarjeta:hover{border-color:var(--oro);transform:translateY(-4px)}.lab-tarjeta strong{font-size:1.2rem}.lab-tarjeta .accion{color:var(--oro);align-items:center;gap:6px;font-weight:600;display:inline-flex}.recurso{border:1px solid var(--linea);background:var(--superficie);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.recurso:hover{border-color:var(--oro)}.recurso .icono{color:var(--oro);margin-top:2px}.recurso span{gap:2px;display:grid}.cabeza-paso{align-items:center;gap:12px;display:flex}.avance{background:var(--superficie-2);border-radius:999px;flex:1;height:14px;overflow:hidden}.avance-relleno{background:var(--oro);width:0;height:100%;transition:width .5s var(--curva);border-radius:999px}.paso{gap:16px;display:grid}.texto{margin:0;font-size:1.08rem;line-height:1.6}.terminal{border:1px solid var(--linea-2);font-family:var(--mono);background:#0f0f13;border-radius:14px;font-size:.9rem;overflow:hidden}.terminal-barra{border-bottom:1px solid var(--linea);gap:6px;padding:10px 12px;display:flex}.terminal-barra i{background:var(--linea-2);border-radius:50%;width:10px;height:10px}.terminal-barra i:first-child{background:var(--oro)}.terminal-cuerpo{gap:4px;min-height:60px;padding:14px 16px;display:grid}.terminal-cuerpo p{white-space:pre-wrap;word-break:break-word;margin:0}.t-cmd b,.prompt b{color:var(--oro);font-weight:500}.t-salida{color:var(--suave);white-space:pre-wrap;font-family:var(--mono);margin:0 0 8px;font-size:.86rem}.t-error{color:var(--mal);font-family:var(--mono);white-space:pre-wrap;margin:0 0 8px;font-size:.86rem}.cursor{background:var(--oro);vertical-align:text-bottom;width:8px;height:1em;animation:1s step-end infinite parpadeo;display:inline-block}@keyframes parpadeo{50%{opacity:0}}.prompt{border-top:1px solid var(--linea);align-items:center;gap:8px;padding:10px 16px 14px;display:flex}.entrada-comando{color:var(--tinta);font:inherit;background:0 0;border:0;outline:none;flex:1;min-height:36px;font-size:1rem}.opciones{gap:10px;display:grid}.opcion{text-align:left;border:2px solid var(--linea-2);background:var(--superficie);cursor:pointer;width:100%;box-shadow:0 3px 0 var(--linea-2);border-radius:14px;align-items:center;gap:12px;padding:16px;font-size:1rem;transition:border-color .2s;display:flex}.opcion:hover:not([disabled]){border-color:var(--oro)}.opcion b{border:1px solid var(--linea-2);width:28px;height:28px;font-family:var(--mono);border-radius:8px;flex:none;place-items:center;font-size:.85rem;display:grid}.opcion.correcta{border-color:var(--bien);background:#8fc4a21f}.opcion.incorrecta{border-color:var(--mal);background:#ef8a7a1f}.opcion[disabled]{cursor:default}.veredicto{animation:subir .4s var(--curva);border-radius:16px;gap:10px;padding:16px;display:grid}.veredicto p{margin:0}.veredicto.bien{border:1px solid var(--bien);background:#8fc4a224}.veredicto.bien strong{color:var(--bien)}.veredicto.mal{border:1px solid var(--mal);background:#ef8a7a1f}.veredicto.mal strong{color:var(--mal)}@keyframes subir{0%{opacity:0;transform:translateY(12px)}}.tarjeta-util{border:1px solid var(--linea-2);background:var(--superficie);border-radius:16px;gap:14px;padding:18px;display:grid}.subred-form{flex-wrap:wrap;gap:10px;display:flex}.subred-form .campo{flex:1;min-width:180px}.subred{gap:2px;display:grid}.subred-fila{border-bottom:1px solid var(--linea);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.subred-fila:last-child{border-bottom:0}.subred-fila .mono{font-family:var(--mono);color:var(--oro)}.herr-grupo{gap:10px;margin-top:8px;display:grid}.herr-grupo h3{color:var(--tinta);align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.herr-grupo h3 .icono{color:var(--oro);width:20px;height:20px}.herr-grilla{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.herr-boton{border:1px solid var(--linea-2);background:var(--superficie-2);color:var(--tinta);cursor:pointer;text-align:left;border-radius:12px;padding:14px;transition:border-color .2s,transform .2s}.herr-boton:hover{border-color:var(--oro);transform:translateY(-3px)}.aviso-permiso{border:1px solid var(--linea-2);color:var(--suave);background:#c9a45c14;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.aviso-permiso .icono{color:var(--oro);flex:none;margin-top:2px}.tabla-rachas{gap:8px;display:grid}.fila-racha{border:1px solid var(--linea);background:var(--superficie);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.fila-racha.yo{border-color:var(--oro);background:#c9a45c14}.fila-racha .puesto{background:var(--superficie-2);width:28px;height:28px;font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:grid}.fila-racha:nth-child(-n+3) .puesto{background:var(--oro);color:#0b0b0e}.fila-racha .apodo{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.formulario{gap:10px;display:grid}.campo{border:1px solid var(--linea-2);background:var(--superficie);min-height:50px;color:var(--tinta);font:inherit;border-radius:12px;padding:0 14px;font-size:1rem}.campo:focus{border-color:var(--oro);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}