.sim{--pixel: "Silkscreen", ui-monospace, monospace;--navy: #1f1d5c;--c: #6fd08c;--c-osc: #24703f;--c-suave: #eaf8ef;--fondo: #eef6f0;--borde: 1.5px solid var(--ink);background:radial-gradient(circle at 1px 1px,rgba(84,83,235,.12) 1px,transparent 0) 0 0 / 22px 22px,var(--fondo);padding:28px 0 48px}.sim [hidden]{display:none!important}.sim .px{image-rendering:pixelated}.sim .volver{font:700 .85rem var(--pixel);text-decoration:none}.sim .titulo{display:flex;align-items:center;gap:18px;margin:14px 0 26px}.sim .titulo .buzo{margin-left:auto}.sim .etq{margin:0;font:700 .8rem var(--pixel);color:var(--c-osc)}.sim h1{font:700 clamp(1.8rem,5vw,3rem) var(--pixel);margin:4px 0 6px}.sim .lead{margin:0;max-width:60ch;color:var(--muted)}.sim .lab{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:22px;align-items:start}.sim .panel{background:var(--white);border:var(--borde);border-radius:14px;box-shadow:3px 3px #1f1d5c2e;padding:16px 18px;margin-bottom:14px}.sim .fila{display:flex;justify-content:space-between;font-family:var(--pixel);font-size:.85rem}.sim .barra{height:10px;margin:10px 0 4px;border:var(--borde);border-radius:6px;overflow:hidden;background:#f3f3fb}.sim .barra span{display:block;height:100%;width:0;background:var(--c);transition:width .6s}.sim .progreso small{color:var(--muted)}.sim .mision{border-left:6px solid var(--c)}.sim .num{margin:0;font:700 .75rem var(--pixel);color:var(--c-osc)}.sim .mision h2,.sim .fin h2{font:700 1.25rem var(--pixel);margin:4px 0 8px}.sim .obj{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--c-suave)}.sim .obj img{flex:none;margin-top:2px}.sim .mision code,.sim .chips code{font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--lav-soft);padding:1px 6px;border-radius:5px;font-size:.92em}.sim .pista-btn,.sim .reiniciar{font:700 .8rem var(--pixel);padding:8px 14px;min-height:40px;border:var(--borde);border-radius:8px;background:#ffd36e;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer}.sim .reiniciar{background:var(--white)}.sim .pista{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#fff6dc;font-size:.95rem}.sim .fin{text-align:center}.sim .fin img{margin:0 auto 8px}.sim .lista{list-style:none;counter-reset:m;padding:0;margin:0 0 14px;font-size:.92rem}.sim .lista li{counter-increment:m;display:flex;gap:10px;align-items:center;padding:5px 0;color:var(--muted)}.sim .lista li:before{content:counter(m);flex:none;width:24px;height:24px;display:grid;place-items:center;border:var(--borde);border-radius:6px;font:700 .7rem var(--pixel);background:var(--white)}.sim .lista li.hecha{color:var(--ink);text-decoration:line-through;text-decoration-color:var(--c)}.sim .lista li.hecha:before{content:"";background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1 4h1v1h1v1h1V5h1V4h1V3h1V2H6v1H5v1H4v1H3V4H2V3H1z' fill='%231f1d5c'/%3E%3C/svg%3E") center / 14px no-repeat}.sim .lista li.actual{color:var(--ink);font-weight:700}.sim .lista li.actual:before{background:#ffd36e}.sim .term{border:2px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:5px 5px #1f1d5c40;background:var(--navy);cursor:text}.sim .barra-term{display:flex;gap:12px;align-items:center;padding:8px 12px;background:#2c2a7a;color:var(--lav);font:700 .75rem var(--pixel)}.sim .puntos{display:inline-flex;gap:6px}.sim .puntos i{width:11px;height:11px;border-radius:50%;background:#ff7a8a}.sim .puntos i:nth-child(2){background:#ffd36e}.sim .puntos i:nth-child(3){background:#6fd08c}.sim .cuerpo{height:clamp(360px,58vh,560px);overflow-y:auto;padding:12px 14px;font:15px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#e6e8ff}.sim .cuerpo .tl{white-space:pre-wrap;word-break:break-word}.sim .cuerpo .cmd{color:#b2cafd}.sim .cuerpo .err{color:#ff9fac}.sim .cuerpo .ok{color:#9be7b4}.sim .entrada{display:flex;gap:8px}.sim #term-prompt{color:var(--lime);white-space:nowrap}.sim #term-input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;caret-color:var(--lime)}.sim .logro{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:12px 14px;border:var(--borde);border-radius:14px;background:var(--c-suave);position:relative}.sim .logro.entra{animation:entra .4s ease-out}@keyframes entra{0%{transform:translateY(10px);opacity:0}}.sim .logro b{font:700 .9rem var(--pixel);color:var(--c-osc)}.sim .logro p{margin:4px 0 0;font-size:.95rem}.sim .logro p span:first-child{font-weight:700}.sim .logro button{position:absolute;top:6px;right:8px;border:0;background:none;font-size:1.4rem;cursor:pointer;color:var(--muted)}.sim .chuleta{margin-top:14px}.sim .perm{margin:14px 0 0}.sim .perm-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-family:var(--pixel);font-size:.85rem}.sim .perm code{font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--lav-soft);padding:1px 6px;border-radius:5px}.sim .perm .oct{background:var(--lime);font-weight:700}.sim .bits{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0 6px}.sim .grupo{display:flex;align-items:center;gap:4px}.sim .grupo span{font-size:.85rem;margin-right:4px;color:var(--muted)}.sim .bits button{width:36px;height:40px;border:var(--borde);border-radius:8px;background:var(--white);color:var(--muted);font:700 1rem ui-monospace,Menlo,monospace;cursor:pointer}.sim .bits button[aria-pressed=true]{background:var(--c);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.sim .nota{margin:4px 0 10px;font-size:.9rem;color:var(--muted)}.sim .chuleta summary{font:700 .85rem var(--pixel);cursor:pointer}.sim .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}@media(max-width:860px){.sim .lab{grid-template-columns:minmax(0,1fr)}.sim .titulo .buzo{display:none}}@media(prefers-reduced-motion:reduce){.sim .logro.entra{animation:none}}.sim .term ::placeholder{color:var(--lav);opacity:.8}.sim .compas{display:flex;gap:10px;margin-top:10px}.sim .compa{width:48px;height:48px;object-fit:contain;padding:4px;border:var(--borde);border-radius:8px;background:var(--c-suave);image-rendering:pixelated}.sim .compa.bloqueado{filter:brightness(0);opacity:.25;background:none;border-style:dashed}.sim .obj>span{min-width:0}.sim .obj .resp{display:block;margin-top:8px}.sim .obj .resp code{display:block;padding:8px 10px;border-radius:8px;background:var(--navy);color:var(--white);font-size:.875rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.sim .mision.jefe{border-color:var(--ink);background:linear-gradient(180deg,#fff6dc,var(--white) 60%)}.sim .mision.jefe .num{color:#b5401d}.sim .lista li.jefe,.sim .fin-xp{font-weight:700}
