:root{font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#0b0e13;margin:0;overflow:hidden}#app canvas{display:block}.oculto{display:none!important}.badge{z-index:30;color:#9ae6b4;background:#0f141cb3;border-radius:999px;padding:4px 10px;font-size:12px;position:fixed;top:12px;left:12px}.badge.off{color:#ffb4a2}#parar{z-index:40;font:inherit;color:#ffe3dc;cursor:pointer;background:#601e18d1;border:1px solid #ff968299;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;position:fixed;top:12px;right:12px}#parar:hover{background:#8c2a21eb}#parar.activo{color:#d8ffe9;background:#1e3c32e6;border-color:#8ce6b4b3}.overlay{z-index:20;text-align:center;color:#f2f5f9;cursor:pointer;background:#0a0e14e0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}.overlay h1{letter-spacing:.04em;margin:0;font-size:28px}.overlay p{margin:0;font-size:18px}.overlay .pista{color:#8b97a5;font-size:13px}#pausa{cursor:default;background:#101a28d1}#pausa p{letter-spacing:.08em;font-size:26px}#final{cursor:default;background:linear-gradient(#12202eeb,#0a1420f2)}#final.corte{background:linear-gradient(#0e1e22f2,#081418f7)}#final p{max-width:560px;font-size:22px;line-height:1.5}#pie{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(980px,94vw);max-height:62vh;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#pie>*{pointer-events:auto}#subtitulos{color:#fff;text-align:center;background:#0f141cd1;border-radius:10px;max-width:min(720px,100%);padding:10px 18px;font-size:18px;line-height:1.4}#subtitulos strong{color:#8ecbff}#subtitulos.guia{background:#18221edb;border-left:3px solid #8ce6b4}#subtitulos.guia strong{color:#8ce6b4}#accion{cursor:default;z-index:25;background:#08100de6}.accion-titulo{letter-spacing:.02em;font-size:26px;font-weight:700}.accion-frase{color:#cdf5df;max-width:560px;font-size:20px}.accion-progreso{background:#ffffff24;border-radius:999px;width:min(420px,80vw);height:14px;margin:6px 0;overflow:hidden}.accion-progreso span{background:linear-gradient(90deg,#4fbf8b,#8ce6b4);border-radius:999px;width:0;height:100%;transition:width .12s linear;display:block}.accion-botones{gap:10px;margin-top:8px;display:flex}.accion-botones button{font:inherit;color:#eaf5ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;border-radius:999px;padding:8px 16px}.accion-botones button.tenue{color:#fff9;border-color:#ffffff24}#opciones{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex;overflow-y:auto}#opciones button{color:#fff;max-width:100%;font:inherit;cursor:pointer;background:#2f6febeb;border:0;border-radius:10px;flex:0 auto;padding:10px 14px;font-size:14px}#opciones button:hover{background:#4b83f0}#opciones button.global{background:#343e4eeb}#opciones button.global:hover{background:#465468f2}#opciones button.corporal:after{content:" ⌁";opacity:.75}#voz-controles{color:#ffffffbf;text-shadow:0 1px 3px #000c;align-items:center;gap:10px;max-width:100%;font-size:12px;display:flex}#voz-controles button{color:#eaf5ff;font:inherit;cursor:pointer;background:#163653e6;border:1px solid #8ecbff8c;border-radius:999px;padding:8px 14px}#opciones kbd{background:#ffffff38;border-radius:5px;margin-right:6px;padding:1px 7px;font-family:inherit;font-size:12px;display:inline-block}#ayuda{z-index:5;color:#ffffff73;text-shadow:0 1px 3px #000c;max-width:42vw;font-size:12px;position:fixed;top:42px;left:12px}