:root{--negro:#000;--verde:#00e83a;--medio:#13a83a;--oscuro:#0b3315;--claro:#c8ffd6;--azul:#8fb6ff;--azul-b:#3a6fd8;--rojo:#ff7a7a;--rojo-b:#d83a3a;--mono:'Share Tech Mono',ui-monospace,'DejaVu Sans Mono',Menlo,Consolas,monospace}
@font-face{font-family:'Share Tech Mono';src:url('fuentes/share-tech-mono.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
html{background:var(--negro);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--negro);color:var(--verde);font:16px/1.7 var(--mono)}
a{color:var(--claro);text-decoration:none;border-bottom:1px dashed var(--medio)}
a:hover,a:focus-visible{border-bottom:1px solid var(--verde)}
:focus-visible{outline:1px solid var(--claro);outline-offset:3px}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:-9999px}.saltar:focus{left:12px;top:12px;z-index:9;background:#000;padding:4px 10px}
.claro{color:var(--claro)}.tenue{color:var(--medio)}
.portada{position:relative;height:min(78vh,620px);min-height:440px;overflow:hidden;border-bottom:1px solid var(--oscuro)}
#lluvia{position:absolute;inset:0;width:100%;height:100%;display:block}
.caja{position:absolute;left:max(24px,calc((100% - 960px) / 2 + 24px));right:24px;bottom:40px;max-width:480px;background:#000;border:1px solid var(--medio);padding:22px 24px}
.caja p{margin:0}
.pastillas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.pastilla,.boton{font:inherit;font-size:15px;background:#000;padding:8px 20px;border-radius:999px;cursor:pointer}
.pastilla.azul{color:var(--azul);border:1px solid var(--azul-b)}
.pastilla.roja{color:var(--rojo);border:1px solid var(--rojo-b)}
.boton{color:var(--verde);border:1px solid var(--medio)}
#mensaje{min-height:1.7em;margin-top:12px}
main{max-width:960px;margin:0 auto;padding:0 24px}
.seccion{padding:56px 0 8px}
h2{font-weight:400;font-size:20px;color:var(--claro);margin:0 0 20px}
.estrecho{max-width:60ch;margin:0}
.quien-rejilla{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:36px;align-items:start}
.quien-rejilla p{margin:0 0 14px;max-width:60ch}
.nombre{font-size:38px;line-height:1.15;color:var(--claro)}
.quien-rejilla .puesto{color:var(--medio);margin-top:-8px}
.foto{position:relative;margin:0;border:1px solid var(--oscuro);overflow:hidden;background:#000}
.foto img{display:block;width:100%;height:auto;transition:opacity .9s ease}
.foto pre{position:absolute;left:0;top:0;margin:0;font:7px/1 var(--mono);color:var(--verde);white-space:pre;transform-origin:0 0;opacity:0;transition:opacity .9s ease;pointer-events:none}
.js .foto.cifrada img{opacity:0}
.js .foto.cifrada pre{opacity:1}
.descifrar{display:none;position:absolute;left:10px;bottom:10px;font:inherit;font-size:13px;color:var(--claro);background:#000;border:1px solid var(--medio);padding:2px 10px;cursor:pointer}
.js .foto.cifrada .descifrar{display:block}
.registro{list-style:none;margin:0;padding:0}
.registro li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 18px;padding:10px 0;border-top:1px solid var(--oscuro)}
#estado-modulos{min-height:1.7em;margin:10px 0 14px}
.modulo{border-top:1px solid var(--oscuro)}
.modulo:last-of-type{border-bottom:1px solid var(--oscuro)}
.modulo summary{list-style:none;cursor:pointer;display:flex;gap:12px;padding:12px 0;color:var(--claro)}
.modulo summary::-webkit-details-marker{display:none}
.modulo summary::before{content:'+';color:var(--medio);width:1ch}
.modulo[open] summary::before{content:'−'}
.nombre-mod{flex:1}
.estado{color:var(--medio);white-space:nowrap}
.modulo.espera summary{color:var(--medio)}
.modulo ul{margin:0 0 16px;padding:0 0 0 30px;list-style:none}
.modulo li{position:relative;padding:3px 0}
.modulo li::before{content:'›';position:absolute;left:-16px;color:var(--medio)}
.lab-rejilla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:36px;align-items:start}
.lab-rejilla p{margin:0 0 14px}
.foto-lab{margin:0}
.foto-lab img{display:block;width:100%;height:auto;border:1px solid var(--oscuro);filter:grayscale(1) sepia(1) hue-rotate(70deg) saturate(2.5) brightness(.75);transition:filter .6s ease}
.foto-lab:hover img,.foto-lab:focus img{filter:none}
.foto-lab figcaption{font-size:14px;margin-top:8px}
.enlaces{display:flex;gap:24px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
footer{max-width:960px;margin:56px auto 0;padding:18px 24px 28px;border-top:1px solid var(--oscuro);color:var(--medio);font-size:14px}
footer p{margin:0}
@media (max-width:720px){.quien-rejilla,.lab-rejilla{grid-template-columns:1fr}.registro li{grid-template-columns:1fr}.nombre{font-size:30px}.estado{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.foto img,.foto pre,.foto-lab img{transition:none}}