:root{--rojo:#c1121f;--rojo2:#ff2233;--verde:#9ef01a;--gris:#8d99ae}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#050505;color:#cfcfcf;font-family:Courier New,monospace;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:51;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.92) 100%)}.wrap{max-width:720px;margin:0 auto;padding:38px 20px;position:relative;z-index:10}.flicker{animation:flick 4s infinite}@keyframes flick{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}97%{opacity:.7}98%{opacity:1}}.glitch{color:var(--rojo2);font-weight:700;animation:gl .9s infinite steps(2)}@keyframes gl{0%{text-shadow:2px 0 #0ff,-2px 0 var(--rojo)}50%{text-shadow:-2px 0 #0ff,2px 0 var(--rojo)}to{text-shadow:1px 1px #0ff,-1px -1px var(--rojo)}}h1{font-size:1.7rem;letter-spacing:3px;margin-bottom:18px}.reloj{color:var(--gris);font-size:.95rem;letter-spacing:2px}#texto{min-height:200px;white-space:pre-wrap;line-height:1.8;font-size:1.02rem;margin:22px 0}.cursor:after{content:"█";animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}button{background:transparent;color:#cfcfcf;border:1px solid #444;font-family:inherit;padding:12px 22px;font-size:1rem;cursor:pointer;letter-spacing:1px;transition:.15s;display:block;width:100%;text-align:left;margin-top:10px}button:hover{border-color:var(--rojo2);color:#fff;background:#c1121f1f}button.centro{text-align:center;width:auto;margin:26px auto 0;padding:14px 34px;border-color:var(--rojo)}.hidden{display:none}.asig-nombre{color:var(--rojo2);font-size:1.25rem;margin:6px 0 2px}.prog{color:var(--gris);font-size:.85rem;margin-bottom:14px}.pregunta{font-size:1.08rem;line-height:1.6;margin-bottom:16px;min-height:60px}.tbar{height:6px;background:#1a1a1a;margin:18px 0 8px;position:relative}.tbar>div{height:100%;background:var(--rojo);transition:width 1s linear}.lat{color:var(--gris);font-size:.8rem;text-align:right}.shake{animation:shk .35s}@keyframes shk{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.mal{border-color:var(--rojo2)!important;color:var(--rojo2)!important}.bien{border-color:var(--verde)!important;color:var(--verde)!important}.linea-colapso{opacity:0;transform:translateY(6px);animation:apar .7s forwards;color:var(--rojo2);font-size:1.05rem;margin:10px 0;letter-spacing:1px}@keyframes apar{to{opacity:1;transform:none}}.derrumbe{animation:caer 2.6s forwards ease-in}@keyframes caer{to{transform:translateY(60vh) rotate(8deg);opacity:0}}.despertar{color:var(--verde)}.rojo-total{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rojo);opacity:0;pointer-events:none;z-index:40}.pulso{animation:pulso .45s 2}@keyframes pulso{0%,to{opacity:0}50%{opacity:.35}}.latido{animation:lat 1.1s infinite}@keyframes lat{0%,to{transform:scale(1)}8%{transform:scale(1.025)}16%{transform:scale(1)}24%{transform:scale(1.02)}}.tablon{background:#241a10;border:10px solid #140d06;padding:22px;box-shadow:inset 0 0 50px #000;margin-top:14px}.papel{background:#e8dfc4;color:#1a1a1a;font-family:Courier New,monospace;padding:20px 16px;box-shadow:3px 4px 14px #000;transform:rotate(-.6deg);position:relative}.papel:before{content:"📌";position:absolute;top:-13px;left:50%;font-size:1.2rem}.papel h2{text-align:center;font-size:.95rem;letter-spacing:2px;color:#1a1a1a;margin-bottom:2px}.papel .sub2{text-align:center;font-size:.72rem;color:#333;margin-bottom:10px}.papel table{width:100%;font-size:.76rem;border-collapse:collapse}.papel td,.papel th{border-bottom:1px dashed #8a8060;padding:4px 6px;color:#1a1a1a;text-align:left}.papel .no{color:#8b0000;font-weight:700}.papel .si{color:#1a5c1a;font-weight:700}.papel .resumen{margin-top:10px;font-size:.72rem;text-align:center;color:#333}input[type=text]{background:#0d0d0d;border:1px solid #444;color:#e0e0e0;font-family:inherit;padding:12px;font-size:1.05rem;width:100%;letter-spacing:2px;margin-top:14px}input[type=text]:focus{outline:none;border-color:var(--rojo2)}#btn-mute{position:fixed;top:10px;right:10px;z-index:60;width:auto;margin:0;padding:8px 12px;background:#050505b3;border:1px solid #333;color:var(--gris);font-size:1rem}#btn-mute:hover{border-color:var(--rojo2)}
