html,body,#root{min-height:100%;margin:0;padding:0}:root{--bg:#14161a;--panel:#1e2128;--panel-alt:#262a33;--borde:#333844;--texto:#e6e8ec;--tenue:#9099a8;--acento:#4da3ff;--ok:#58c98a;--falta:#e06c6c;--aviso:#e0b24c}*{box-sizing:border-box}body{background:var(--bg);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}.app{max-width:1400px;margin:0 auto;padding:16px}header{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}header h1{margin:0;font-size:22px}.version{color:var(--tenue);font-size:12px}.objetivo{background:var(--panel-alt);border:1px solid var(--borde);border-left:3px solid var(--acento);border-radius:4px;margin-bottom:16px;padding:10px 14px}.objetivo.logrado{border-left-color:var(--ok)}.objetivo button{margin-left:12px}.columnas{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}@media (width<=1000px){.columnas{grid-template-columns:1fr}}.columna{flex-direction:column;gap:16px;display:flex}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:6px;padding:14px}.panel h2{text-transform:uppercase;letter-spacing:.5px;color:var(--tenue);margin:0 0 10px;font-size:15px}.hint{color:var(--tenue);margin:6px 0;font-size:12px}.vacio{color:var(--tenue);font-style:italic}.ok{color:var(--ok)}.falta{color:var(--falta)}button{background:var(--panel-alt);color:var(--texto);border:1px solid var(--borde);cursor:pointer;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:13px}button:hover:not(:disabled){border-color:var(--acento)}button:disabled{opacity:.4;cursor:not-allowed}button.primario{background:var(--acento);color:#0d1117;border-color:var(--acento);font-weight:600}button.secundario{background:0 0}.grid-nodos{grid-template-columns:1fr 1fr;gap:8px;display:grid}.nodo-recurso{flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.nodo-recurso .icono{font-size:22px}.nodo-recurso .nombre{font-size:12px}.nodo-recurso .rinde{color:var(--tenue);font-size:11px}.lista-inventario{margin:0;padding:0;list-style:none}.lista-inventario .item{border-bottom:1px solid var(--borde);align-items:center;gap:8px;padding:5px 8px;display:flex}.lista-inventario .item:last-child{border-bottom:none}.lista-inventario .nombre{flex:1}.lista-inventario .cantidad{font-variant-numeric:tabular-nums;color:var(--tenue)}.item.nivel-intermedio .nombre{color:var(--acento)}.item.nivel-prototipo .nombre{color:var(--ok);font-weight:600}.portafolio-cabecera{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.portafolio-cabecera h2{margin-bottom:8px}.contador-proto{color:var(--tenue);font-variant-numeric:tabular-nums;font-size:12px}.proto-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.proto{border:1px solid var(--borde);text-align:center;border-radius:5px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex;position:relative}.proto-icono{font-size:26px}.proto-nombre{font-size:11px;line-height:1.3}.proto-piezas{color:var(--tenue);font-size:10px}.proto.bloqueado{opacity:.4}.proto.disponible{border-color:var(--acento)}.proto.hecho{border-color:var(--ok);background:#16261d}.proto-marca{color:var(--ok);font-size:12px;position:absolute;top:4px;right:6px}.grupo-inv{margin-bottom:12px}.grupo-inv:last-child{margin-bottom:0}.grupo-titulo{text-transform:uppercase;letter-spacing:.8px;color:var(--tenue);border-bottom:1px solid var(--borde);margin-bottom:5px;padding-bottom:3px;font-size:10px;display:block}.tengo{opacity:.75}.tabs-estaciones{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.tab{padding:6px 10px;font-size:18px;line-height:1;position:relative}.tab.activa{border-color:var(--acento);background:var(--panel-alt)}.tab.sin-montar{opacity:.55}.tab.bloqueada{opacity:.3;cursor:default;border-style:dashed}.punto-listo{background:var(--ok);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.est-nombre{margin:0 0 8px;font-size:14px}.receta.lista{background:#1b2430;border-radius:4px;padding-left:6px;padding-right:6px}.tag-proto{text-transform:uppercase;letter-spacing:.5px;color:var(--ok);border:1px solid var(--ok);border-radius:3px;margin-left:6px;padding:1px 4px;font-size:9px}.nodo-linea{align-items:center;gap:8px;padding:5px 0;font-size:12px;display:flex}.nodo-linea .linea-info{flex-direction:column;flex:1;gap:1px;display:flex}.nodo-linea .requiere{color:var(--tenue);font-size:10px}.nodo-linea.completado{color:var(--ok)}.nodo-linea.bloqueado{opacity:.55}.cat-chip{margin-left:auto;font-size:13px}.recompensa{color:var(--tenue);margin:6px 0;font-size:11px}.premio{background:var(--panel-alt);color:var(--texto);border-radius:3px;margin:2px 3px 0 0;padding:1px 5px;display:inline-block}.premio.estacion-premio{border:1px solid var(--acento)}.estacion{border:1px solid var(--borde);border-radius:4px;margin-bottom:10px;padding:10px}.estacion h3{margin:0 0 6px;font-size:14px}.estacion.bloqueada{opacity:.5}.receta{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.receta-info{flex-direction:column;gap:3px;display:flex}.costo{color:var(--tenue);font-size:11px}.arbol{flex-direction:column;gap:10px;display:flex}.nodo{border:1px solid var(--borde);border-left:3px solid var(--borde);border-radius:4px;padding:10px}.nodo.disponible{border-left-color:var(--acento)}.nodo.completado{border-left-color:var(--ok)}.nodo.bloqueado{opacity:.5}.nodo-cabecera{align-items:center;gap:8px;display:flex}.nodo .marca{color:var(--acento)}.nodo.completado .marca{color:var(--ok)}.descripcion{color:var(--tenue);margin:6px 0;font-size:12px}.reto-aviso{color:var(--aviso)}.bloques{flex-direction:column;gap:6px;margin:10px 0;display:flex}.bloque{border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.bloque-si{border-left:3px solid var(--acento);background:#2b3444}.bloque-entonces{border-left:3px solid var(--ok);background:#2f3a30;margin-left:16px}.palabra-clave{letter-spacing:.5px;font-weight:700}.bloque input,.bloque select{background:var(--bg);color:var(--texto);border:1px solid var(--borde);border-radius:3px;padding:3px 5px;font-family:inherit;font-size:12px}.bloque input{width:52px}.estado-activo{color:var(--ok);margin-left:10px;font-size:12px}.registro ul{margin:0;padding:0;font-size:12px;list-style:none}.registro li{color:var(--tenue);padding:3px 0}.registro li.reciente{color:var(--texto)}.panel-ancho{margin-top:16px}.editor-bloques{border:1px solid var(--borde);border-radius:4px;width:100%;margin:10px 0}.acciones-bloques{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.placa{background:#10241a;border:1px solid #1f4a33;border-radius:6px;padding:12px 14px}.placa-titulo{text-transform:uppercase;letter-spacing:1px;color:#5fbf8f;font-size:11px}.leds{flex-wrap:wrap;gap:18px;margin-top:10px;display:flex}.led{flex-direction:column;align-items:center;gap:3px;display:flex}.led .bombilla{font-size:20px;transition:filter 80ms}.led.on .bombilla{filter:drop-shadow(0 0 7px #f44)}.led .pin-nombre{color:var(--tenue);font-variant-numeric:tabular-nums;font-size:10px}.modal-ancho{max-width:980px}.modal-gigante{width:96vw;max-width:1600px;max-height:94vh;overflow-y:auto}.reto-area{grid-template-columns:1fr 160px;align-items:start;gap:14px;margin:12px 0;display:grid}.reto-area.con-tutorial{grid-template-columns:320px 1fr 160px}.reto-centro{min-width:0}@media (width<=1100px){.reto-area,.reto-area.con-tutorial{grid-template-columns:1fr}}.tutorial{background:var(--panel-alt);border:1px solid var(--borde);border-left:3px solid var(--aviso);border-radius:6px;flex-direction:column;gap:10px;padding:14px;display:flex}.tutorial-cabecera{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-titulo{font-size:13px;font-weight:600}.cerrar-x{color:var(--tenue);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.cerrar-x:hover{color:var(--texto)}.tutorial-progreso{gap:5px;display:flex}.tutorial-progreso .punto{background:var(--borde);border-radius:2px;width:100%;height:3px}.tutorial-progreso .punto.hecho{background:var(--ok)}.tutorial-progreso .punto.actual{background:var(--aviso)}.tutorial-cuerpo{flex:1}.tutorial-cuerpo h4{color:var(--aviso);margin:0 0 6px;font-size:14px}.tutorial-cuerpo p{color:var(--texto);margin:0;font-size:13px;line-height:1.55}.tutorial-bloque{background:var(--bg);border-radius:4px;flex-direction:column;gap:4px;margin-top:10px;padding:8px 10px;display:flex}.tutorial-bloque .etiqueta{text-transform:uppercase;letter-spacing:.5px;color:var(--tenue);font-size:10px}.tutorial-pie{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-pie .contador{color:var(--tenue);font-size:11px}.tutorial-pie button{padding:5px 9px;font-size:12px}button.ayuda{width:100%;font-size:12px}.taller-area{grid-template-columns:1fr 320px;align-items:start;gap:14px;display:grid}@media (width<=1100px){.taller-area{grid-template-columns:1fr}}.guardar-fila{gap:6px;margin-bottom:10px;display:flex}.guardar-fila input{background:var(--bg);min-width:0;color:var(--texto);border:1px solid var(--borde);border-radius:4px;flex:1;padding:6px 9px;font-family:inherit;font-size:12px}.lista-biblioteca{margin:0;padding:0;list-style:none}.lista-biblioteca li{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.lista-biblioteca li:last-child{border-bottom:none}.bib-info{flex-direction:column;gap:2px;min-width:0;display:flex}.bib-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.bib-fecha{color:var(--tenue);font-size:10px}.bib-acciones{flex-shrink:0;gap:3px;display:flex}.bib-acciones button{padding:4px 7px;font-size:12px}.bib-acciones button.peligro:hover{border-color:var(--falta)}.pasos-reto{color:var(--tenue);gap:20px;margin:0 0 14px;padding:0;font-size:12px;list-style:none;display:flex}.pasos-reto li.actual{color:var(--acento);font-weight:600}.pasos-reto li.hecho{color:var(--ok)}.pasos-reto li.hecho:after{content:" ✓"}.reto-columnas{grid-template-columns:1fr 150px;align-items:start;gap:12px;margin:12px 0;display:grid}@media (width<=780px){.reto-columnas{grid-template-columns:1fr}}.reto-lateral{flex-direction:column;gap:10px;display:flex}.placa-mini{text-align:center}.led.grande .bombilla{font-size:40px}.led.grande{margin-top:10px}.codigo-ino{background:var(--bg);border:1px solid var(--borde);white-space:pre;border-radius:4px;max-height:340px;padding:12px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.5;overflow:auto}code{background:var(--panel-alt);border-radius:3px;padding:1px 5px;font-family:Consolas,monospace;font-size:.92em}.modal-fondo{z-index:10;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--borde);border-radius:8px;width:100%;max-width:620px;padding:22px}.modal h2{margin:0 0 8px}.circuito-secuencia{background:var(--bg);border:1px dashed var(--borde);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;margin:14px 0;padding:12px;display:flex}.pieza-puesta{align-items:center;gap:8px;font-size:13px;display:flex}.flecha{color:var(--acento)}.piezas-disponibles{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.acciones-reto{gap:8px;margin-bottom:12px;display:flex}.feedback{border-radius:4px;padding:10px 12px;font-size:13px;line-height:1.5}.feedback.exito{border-left:3px solid var(--ok);background:#1e3328}.feedback.error{border-left:3px solid var(--falta);background:#3a2626}