:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8f7fb;background:#071321}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}#gameCanvas{height:100%;width:100%;display:block;touch-action:none;outline:none}[hidden]{display:none!important}.panel{border:1px solid #3c7080;background:#02111deb;border-radius:18px;padding:clamp(18px,2.4vw,28px);box-shadow:0 18px 55px #0008;max-width:560px}.intro{position:absolute;top:9vh;left:clamp(20px,5vw,100px);max-height:84vh;overflow:auto}.intro small{letter-spacing:.11em;color:#90cad1}.intro h1{font-size:clamp(28px,4vw,46px);margin:.4em 0}.panel p{line-height:1.55;font-size:clamp(15px,1.25vw,18px)}.panel h2{margin:0 0 .3em;font-size:clamp(24px,2.6vw,34px)}.controles{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;font-size:clamp(15px,1.2vw,17px)}kbd{display:inline-block;min-width:1.7em;text-align:center;background:#103946;border:1px solid #37717a;border-bottom-width:3px;padding:1px 6px;margin-right:3px;border-radius:5px;font-family:inherit;font-size:.9em;color:#e8f7fb}.boton{font:inherit;font-size:clamp(16px,1.4vw,19px);font-weight:600;color:#04202b;background:#5fd3c4;border:0;border-radius:10px;padding:12px 22px;cursor:pointer}.boton:hover{background:#82e3d6}.boton:focus-visible{outline:3px solid #ffd166;outline-offset:3px}.boton:disabled{background:#4b6670;color:#c5d4d8;cursor:not-allowed}.mensaje{min-height:1.5em;margin:12px 0 0;color:#ffd166}.fondo-pausa{position:absolute;inset:0;display:grid;place-items:center;background:#030a128c;cursor:pointer}.fondo-pausa .panel{cursor:default;text-align:center}.mira{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none}.mira:before,.mira:after{content:"";position:absolute;background:#fff;box-shadow:0 0 0 1px #0009}.mira:before{left:10px;top:3px;width:2px;height:16px}.mira:after{top:10px;left:3px;height:2px;width:16px}.ayuda{position:absolute;left:50%;bottom:18px;transform:translate(-50%);margin:0;padding:8px 14px;border-radius:10px;background:#02111dbf;font-size:clamp(13px,1vw,15px);white-space:nowrap;pointer-events:none}.aviso-inspeccion{position:absolute;left:50%;top:calc(50% + 22vh);transform:translate(-50%);margin:0;padding:7px 14px;border-radius:10px;background:#02111dd1;border:1px solid #5fd3c4;font-size:clamp(15px,1.2vw,18px);white-space:nowrap;pointer-events:none}.inspeccion{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;color:#e8f7fb;background:#04141f;border:1px solid #3c7080;border-radius:18px;padding:clamp(18px,2.4vw,30px);box-shadow:0 18px 55px #000a}.inspeccion::backdrop{background:#030a1299}.inspeccion h2{margin:.2em 0 .4em;font-size:clamp(22px,2.4vw,30px)}.inspeccion h2:focus{outline:none}.inspeccion h3{margin:0 0 .25em;font-size:clamp(15px,1.25vw,17px);color:#8fe3d7}.inspeccion p{margin:0 0 .8em;line-height:1.5;font-size:clamp(15px,1.2vw,17px)}.inspeccion-etiquetas{color:#ffd166;font-size:14px!important;letter-spacing:.04em;text-transform:uppercase}.inspeccion-bloque{border-left:3px solid #2f6f7c;padding-left:12px;margin-bottom:12px}.inspeccion-pilar{color:#bfe3ea}.inspeccion-aviso{color:#90a8b0;font-size:14px!important}.inspeccion--seguro{border-color:#3fa66b}.inspeccion--seguro .inspeccion-etiquetas{color:#7ee2a8}.inspeccion--seguro .inspeccion-bloque{border-left-color:#3fa66b}.modos{display:grid;gap:10px;margin-top:4px}.boton.modo{display:grid;gap:4px;text-align:left;padding:12px 18px}.boton.modo span{font-weight:400;font-size:clamp(14px,1.1vw,16px)}.boton--secundario{background:#ffd166}.boton--secundario:hover{background:#ffe08f}.boton--texto{background:transparent;color:#bfe3ea;border:1px solid #3c7080}.boton--texto:hover{background:#103946}.acciones{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.hud{position:absolute;top:16px;left:16px;padding:10px 14px;border-radius:12px;background:#02111dcc;border:1px solid #3c7080;pointer-events:none}.hud p{margin:0}.hud-modo{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#90cad1}.hud-progreso{font-size:clamp(15px,1.2vw,18px);font-weight:600}.hud-mensaje{position:absolute;top:104px;left:50%;transform:translate(-50%);margin:0;padding:8px 16px;border-radius:10px;background:#02111de0;font-size:clamp(14px,1.1vw,17px);pointer-events:none}.hud-mensaje--bien{border:1px solid #3fa66b}.hud-mensaje--mal{border:1px solid #e07a5f}.hud-mensaje--info{border:1px solid #5fd3c4}.inspeccion-opciones{display:grid;gap:10px;margin:8px 0 16px}.opcion{font:inherit;font-size:clamp(15px,1.2vw,17px);text-align:left;color:#e8f7fb;background:#0b2a38;border:1px solid #3c7080;border-radius:10px;padding:12px 14px;cursor:pointer}.opcion:hover{background:#103946}.opcion:focus-visible{outline:3px solid #ffd166;outline-offset:2px}.inspeccion-resultado{padding:10px 12px;border-radius:10px;font-weight:600}.inspeccion-resultado.es-correcto{background:#123d27;color:#bff0d2}.inspeccion-resultado.es-incorrecto{background:#4a2018;color:#ffd9cf}.fondo-resumen{cursor:default}.resumen{text-align:left;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto}.resumen p{margin:.3em 0}.resumen-lista{list-style:none;padding:0;margin:12px 0;display:grid;gap:4px;font-size:clamp(14px,1.1vw,16px)}.resumen-item--bien{color:#9be6b8}.resumen-item--mal{color:#ffb4a2}.resumen-item--pendiente{color:#90a8b0}.resumen-item--visto{color:#e8f7fb}.fondo-pausa .panel.resumen{text-align:left}.resumen h2{text-align:center}.presentador-barra{position:absolute;top:14px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:6px;padding:10px 20px;border-radius:14px;background:#02111de0;border:1px solid #ffd166;pointer-events:none;max-width:calc(100vw - 32px)}.presentador-etiqueta{margin:0;font-size:clamp(18px,1.8vw,26px);font-weight:700;text-align:center}.presentador-pasos{display:flex;gap:6px;margin:0;padding:0;list-style:none}.presentador-pasos li{width:34px;height:8px;border-radius:4px;background:#2f4a57;font-size:0}.presentador-pasos li.hecho{background:#5fd3c4}.presentador-pasos li.actual{background:#ffd166}.presentador-atajos{margin:10px 0 0;font-size:13px;color:#90a8b0}.presentador-guion h3{margin:10px 0 0;font-size:13px;color:#90cad1}.presentador-notas li{color:#cfe3e8}.presentador-guion{position:absolute;top:120px;right:16px;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 220px);overflow:auto;padding:12px 16px;border-radius:12px;background:#02111deb;border:1px solid #3c7080;font-size:14px;pointer-events:none}.presentador-guion h2{margin:0 0 4px;font-size:16px;color:#ffd166}.presentador-guion ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}.presentador-tiempo{margin:0;color:#90a8b0}.presentador-cierre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:26px 40px;border-radius:18px;background:#02111deb;border:2px solid #ffd166;text-align:center;pointer-events:none}.presentador-cierre h2{margin:0 0 12px;font-size:clamp(26px,3vw,42px)}.presentador-cierre{width:min(760px,calc(100vw - 32px))}.presentador-cierre ol{margin:0;padding:0;list-style:none;display:grid;gap:14px;text-align:left}.presentador-cierre li{display:grid;gap:2px}.presentador-cierre strong{font-size:clamp(24px,2.6vw,36px);color:#5fd3c4}.presentador-cierre span{font-size:clamp(17px,1.6vw,22px)}.opcion-calidad{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:clamp(14px,1.1vw,16px);cursor:pointer}.opcion-calidad input{width:20px;height:20px;margin-top:2px;accent-color:#5fd3c4}.opcion-calidad input:focus-visible{outline:3px solid #ffd166;outline-offset:2px}.nota-calidad{margin:6px 0 0;color:#ffd166;font-size:14px}.opcion:focus-visible,.boton:focus-visible,.boton--texto:focus-visible{outline:3px solid #ffd166;outline-offset:3px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}