
:root{--bg:#081414;--panel:#101f20;--panel2:#142829;--line:#294344;--mint:#54e2b0;--orange:#ff9b55;--text:#f4f6ef;--muted:#afc1bd;--red:#ff7373;--blue:#82cfff;--shadow:0 18px 55px #0008}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#153938 0,transparent 38%),linear-gradient(180deg,#071010,#0b1818 55%,#081111);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1150px;margin:auto;padding:22px 20px 60px}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0 25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.04em}.mark{width:42px;height:42px;border:1px solid #4bd8ab;border-radius:13px;color:var(--mint);display:grid;place-items:center;background:#0c2824;font-size:20px}.brand small{display:block;font-weight:600;letter-spacing:.14em;color:var(--muted);font-size:10px}.topright{display:flex;gap:8px}.btn{border:1px solid #3a5554;background:#142423;color:var(--text);border-radius:12px;padding:10px 14px;font-weight:750;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:var(--mint)}.btn.primary{background:var(--mint);color:#062018;border-color:var(--mint)}.btn.ghost{background:transparent}.eyebrow{color:var(--mint);text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:850}.hero{padding:42px 0 24px;display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center}.hero h1{font-size:clamp(38px,6vw,70px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px;max-width:720px}.hero h1 span{color:var(--mint)}.hero p{font-size:18px;color:var(--muted);max-width:690px;margin:0 0 22px}.hero-card{background:linear-gradient(145deg,#152928,#0c1919);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.hero-card .big{font-size:54px;line-height:1;color:var(--orange);font-weight:900;letter-spacing:-.06em}.hero-card .big small{font-size:19px;letter-spacing:0;color:var(--text)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.stat{background:#0b1818;border:1px solid var(--line);border-radius:12px;padding:10px}.stat b{display:block;color:var(--mint);font-size:18px}.stat small{font-size:11px;color:var(--muted)}.note{font-size:13px!important;margin:14px 0 0!important}.barwrap{display:flex;align-items:center;gap:12px;margin:20px 0 16px}.bar{height:8px;flex:1;background:#193130;border-radius:8px;overflow:hidden}.bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mint),#9bf2d5);transition:width .3s}.barlabel{color:var(--muted);font-size:13px;white-space:nowrap}.layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.sidebar,.challenge,.presenter{background:linear-gradient(150deg,#122222,#0d1919);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.sidebar{padding:18px;position:sticky;top:12px}.sidehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidehead h2{font-size:15px;margin:0}.clock{font-variant-numeric:tabular-nums;color:var(--orange);font-weight:850}.stages{display:grid;gap:7px}.stage{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--muted);padding:10px;border-radius:11px}.stage:hover{background:#142b29}.stage.active{color:var(--text);background:#14332d;border-color:#286351}.stage.done{color:#9be6c5}.num{flex:0 0 28px;height:28px;border:1px solid #3b5753;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:850}.stage.active .num{background:var(--mint);border-color:var(--mint);color:#082019}.stage.done .num{background:#143e31;color:var(--mint)}.stage span:last-child{font-size:13px;font-weight:720}.micro{margin:15px 0 0;padding:12px;border:1px solid #3f4031;background:#25271b;border-radius:12px;color:#d4d5bc;font-size:12px}.maincol{min-width:0}.challenge{padding:clamp(20px,4vw,38px);min-height:450px}.challenge-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tag{border:1px solid #316c5c;background:#102b25;color:var(--mint);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.challenge h2{font-size:clamp(27px,4vw,39px);line-height:1.1;margin:18px 0 10px;letter-spacing:-.035em}.challenge .story{color:var(--muted);font-size:16px;max-width:730px}.promptbox{padding:16px 18px;background:#081313;border:1px solid #26413f;border-left:3px solid var(--orange);border-radius:12px;margin:22px 0}.promptbox b{display:block;color:#ffd0a9;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.promptbox p{margin:0}.options{display:grid;gap:9px;margin:18px 0}.option{width:100%;text-align:left;background:#122222;border:1px solid #2b4443;border-radius:12px;color:var(--text);padding:13px 15px;display:flex;gap:12px;align-items:flex-start}.option:hover{border-color:#62bd9d;background:#16302c}.letter{width:26px;height:26px;flex:0 0 26px;border-radius:8px;display:grid;place-items:center;background:#203534;color:var(--mint);font-size:12px;font-weight:900}.option.correct{border-color:var(--mint);background:#143329}.option.wrong{border-color:var(--red);background:#321e20}.option:disabled{cursor:default}.feedback{display:none;border-radius:12px;padding:13px 15px;margin:14px 0;font-size:14px}.feedback.show{display:block}.feedback.good{border:1px solid #2a775a;background:#102b23;color:#c5f5dc}.feedback.bad{border:1px solid #804545;background:#2c1b1c;color:#ffc7c7}.challenge-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}.smallhint{color:var(--muted);font-size:12px}.footerline{color:#79918c;font-size:12px;text-align:center;margin:24px 0}.presenter{margin:20px 0;padding:22px;display:none}.presenter.open{display:block}.presenter h2{margin:0 0 8px}.presenter p,.presenter li{color:var(--muted)}.presenter details{border-top:1px solid var(--line);padding:13px 0}.presenter summary{cursor:pointer;font-weight:800;color:#fff}.presenter .answer{color:#ffd0a9;font-weight:800}.reveal{display:none;padding:25px;border:1px solid #3c795f;background:radial-gradient(ellipse at top right,#193d33,#0d201b);border-radius:18px}.reveal.show{display:block}.reveal h2{color:var(--mint);font-size:34px;margin:4px 0}.words{font-size:clamp(26px,5vw,44px);font-weight:950;letter-spacing:-.04em;color:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.callout{border:1px solid var(--line);padding:14px;border-radius:12px;background:#0b1717;color:var(--muted);font-size:14px}.callout b{color:#fff}.screen{display:none}.screen.show{display:block}.intro-actions{display:flex;gap:10px;flex-wrap:wrap}.modalbg{position:fixed;inset:0;background:#0009;display:none;place-items:center;padding:20px;z-index:20}.modalbg.show{display:grid}.modal{max-width:500px;width:100%;padding:24px;background:#102020;border:1px solid #3d6962;border-radius:18px;box-shadow:var(--shadow)}.modal h2{margin-top:0}.modal label{display:block;margin:12px 0 5px;color:var(--muted);font-size:13px}.modal input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#081313;color:#fff}.modal .row{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.hidden{display:none!important}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 14px;background:#d7ffee;color:#092017;border-radius:999px;font-weight:800;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:30px}.hero-card{max-width:none}.layout{grid-template-columns:1fr}.sidebar{position:static}.stages{grid-template-columns:repeat(5,1fr)}.stage{display:block;text-align:center;padding:8px 4px}.stage .num{margin:0 auto 5px}.stage span:last-child{font-size:10px}.micro{display:none}.two{grid-template-columns:1fr}}@media(max-width:480px){.shell{padding:14px 12px 38px}.top{align-items:flex-start}.brand{font-size:13px}.topright .btn{padding:8px 10px;font-size:12px}.hero h1{font-size:43px}.hero p{font-size:16px}.challenge{padding:20px 16px;min-height:0}.challenge-actions{align-items:flex-start;flex-direction:column}.stats{gap:6px}.stat{padding:8px}.stat small{font-size:10px}}

/* UMBRAL LAB: presentación del incidente y controles accesibles */
:root{--bg:#0b0d12;--panel:#161a22;--panel2:#1a1e27;--line:#353b47;--mint:#f7a467;--orange:#f47721;--text:#f4f5f7;--muted:#b9c0cc}body{background:radial-gradient(ellipse at 75% 0,#3d281c 0,transparent 42%),#0b0d12}.brand{color:var(--text);text-decoration:none}.mark{border-color:#f47721;color:#f7a467;background:#2b1c13}.hero{grid-template-columns:1.12fr .88fr;gap:32px}.hero h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.045em}.hero .brief{font-size:16px}.hero-card{padding:0;overflow:hidden;background:#161a22;border-color:#3c3d42}.hero-card>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.hero-meta{padding:20px}.stat,.sidebar,.challenge,.presenter{background:#141821}.stat{border-color:#353b47}.stats{margin-top:12px}.btn{background:#202632;border-color:#4a505d}.btn.primary{background:#f47721;border-color:#f47721;color:#170d06}.btn.ghost{background:transparent}.btn:disabled,.stage:disabled{opacity:.45;cursor:not-allowed;transform:none}.briefing{border-left:3px solid #f47721;padding:16px 24px;background:#141821;margin-bottom:28px}.briefing p{color:var(--muted);margin-bottom:0}.sidebar{top:12px}.stage:hover{background:#252b36}.stage.active{background:#33251c;border-color:#976139}.stage.active .num{background:#f47721;color:#170d06;border-color:#f47721}.stage.done{color:#a6e3c6}.stage.done .num{color:#a6e3c6}.stage:disabled:hover{background:transparent}.tag{background:#302118;border-color:#895630;color:#ffc292}.archive-tag{font-size:11px;color:var(--muted);text-align:right}.mission-scene{margin:22px 0}.mission-scene img{width:100%;height:auto;max-height:245px;object-fit:cover;display:block;border-radius:12px}.mission-scene figcaption{font-size:11px;color:#99a4b5;margin-top:5px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#10141c;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:13px;min-width:420px;text-align:left}caption{text-align:left;padding:12px 14px;color:#ffc292;font-weight:750}th,td{padding:11px 13px;border-top:1px solid #353b47;vertical-align:top}thead{background:#202632}tbody th{font-weight:650}.evidence-note{font-size:14px;color:var(--muted);border-left:2px solid #f47721;padding-left:14px}.promptbox{background:#10141c;border-color:#393f49;border-left-color:#f47721}.option{background:#1b202b;border-color:#3c4554}.option:hover,.option.selected{background:#32251d;border-color:#f47721}.letter{background:#303746;color:#ffc292}.option.correct{background:#143329;border-color:#79d5ae}.option.correct .letter{color:#b6f6d8}.feedback.good{color:#d0f5e4}.hints p{background:#292319;padding:12px 14px;border-left:2px solid #f7a467;color:#f1d9bd;border-radius:6px}.micro{background:#282319;color:#e3d2b8;border-color:#554330}.score-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;border-top:1px solid var(--line);padding-top:9px;overflow-wrap:anywhere}#scoreboard h3{font-size:13px;margin-top:22px}label{display:block;font-size:14px;font-weight:750;margin:14px 0 7px}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid #596477;border-radius:9px;background:#0d1119;color:#f4f5f7;padding:12px;font:inherit}textarea{resize:vertical}::placeholder{color:#9aa5b6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,.table-wrap:focus-visible{outline:3px solid #ffd0a9;outline-offset:4px}.urgent{color:#ff8e8e!important}dialog{max-width:570px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid #596477;border-radius:18px;background:#161b25;color:#f4f5f7;padding:26px;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#000b}dialog h2{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.error{color:#ffaaaa}.presenter a{color:#ffc292}.presenter section{border-bottom:1px solid var(--line);padding:8px 0}.reveal{background:linear-gradient(130deg,#252219,#141c1b);border-color:#80724c}.reveal h2{color:#ffc292}.words{font-size:clamp(24px,4vw,38px)}.final-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:22px 0}.callout{background:#121821}.reveal details{margin:22px 0}.reveal summary{cursor:pointer}#activeTeam{overflow-wrap:anywhere}.footerline{color:#9ca7b8}#progressLabel{white-space:normal}.hero .intro-actions .btn{font-size:14px}.challenge-actions{flex-wrap:wrap}.challenge{min-height:0}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-card{max-width:580px}.hero h1{font-size:clamp(35px,8vw,58px)}.challenge-top{flex-wrap:wrap}.barwrap{gap:7px}.barlabel{font-size:12px}.table-wrap{margin:14px 0}.mission-scene img{max-height:230px}.sidebar{position:static}.score-row{font-size:13px}}
@media(max-width:480px){.brand{font-size:12px;gap:7px}.mark{width:30px;height:30px}.brand small{font-size:8px;letter-spacing:.06em}.topright{flex-direction:column}.topright .btn{font-size:11px}.hero h1{font-size:35px}.hero-meta{padding:16px}.briefing{padding:14px}.challenge-actions{align-items:stretch}.challenge-actions .btn{width:100%}.archive-tag{text-align:left}.bar{min-width:35px}.words{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:black}.top,.hero,.briefing,.sidebar,.barwrap,.challenge,.intro-actions,.footerline,dialog{display:none!important}.shell{padding:0}.layout{display:block}.screen,.reveal,.presenter{display:block!important;color:black;background:white;box-shadow:none;border:0}.reveal h2,.words,.callout,.callout b,.presenter p,.presenter .answer{color:black;background:white}.reveal details>*,.presenter details>*{display:block}button{display:none!important}}

.speaker-box{margin:18px 0;padding:15px;border:1px solid #80613d;background:#272018;border-radius:12px}.oxygen-panel{margin:20px 0}.oxygen-panel label{font-size:12px;color:#f7c789}progress{width:100%;height:12px;accent-color:#f47721}.crew-list{list-style:none;padding:0}.crew-list li{font-size:12px;border-top:1px solid #353b47;padding:8px 0;display:flex;justify-content:space-between;gap:8px}.crew-list b{font-size:10px}.crew-list .alive b{color:#a6e3c6}.crew-list .dead{color:#ffa4a4}.silent-channel summary{cursor:pointer;font-size:13px;font-weight:700}.silent-channel label{font-size:12px}.silent-channel textarea,.silent-channel select{font-size:13px}.message-log{max-height:180px;overflow:auto;font-size:12px;overflow-wrap:anywhere}.silent-channel .btn{font-size:12px;margin-top:10px}.terminal-response{margin:22px 0;padding:18px;background:#0d1719;border:1px solid #3d6c65;border-radius:12px}.terminal-response pre,.prompt-history pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 ui-monospace,monospace;color:#c4f1df}.prompt-checks{padding-left:20px;font-size:13px}.prompt-checks li{margin:8px 0}.prompt-checks .pass{color:#a6e3c6}.prompt-checks .pending{color:#f4cfa6}.execute-plan{padding:20px;border:1px solid #555d6e;border-radius:12px;margin-top:24px}.execute-plan .btn{margin-top:20px}.prompt-history{margin:18px 0}.prompt-history summary{cursor:pointer}.prompt-history section{border-bottom:1px solid #353b47;padding:12px;overflow-wrap:anywhere}.defeated{border-color:#8b4545}.defeated b{color:#ffa4a4}#crewPanel h3{font-size:14px}@media(max-width:800px){.stages{grid-template-columns:repeat(3,1fr)}.stage span:last-child{font-size:12px}.execute-plan{padding:14px}}

@media(min-width:801px){.sidebar{max-height:calc(100vh - 24px);overflow-y:auto}}

.roster-group{border:1px solid #353d50;border-radius:12px;padding:16px;margin:16px 0}.roster-group legend{padding:0 8px;font-weight:700}.roster-group input{width:100%}#setupDialog{max-height:90dvh;overflow-y:auto}

.q6-section{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0}.q6-section legend{font-weight:800;color:var(--mint);padding:0 8px}.q6-check{display:flex;align-items:center;gap:10px}.q6-check input{width:auto}.q6-route{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:20px 0}.q6-route span{border:1px solid var(--line);padding:8px;border-radius:8px}.q6-route b{color:var(--orange)}

.q6-bank{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.q6-piece{padding:8px 12px;border:1px solid #7198ab;border-radius:8px;background:#1b3040;color:#effaff;cursor:grab}.q6-piece:active{cursor:grabbing}.q6-sentence{display:flex;flex-wrap:wrap;gap:16px}.q6-slot{flex:1 1 240px;min-width:0}.q6-slot select{width:100%;border:2px dashed #7198ab}.q6-slot select:focus{outline:3px solid #73e0c0}#q6Preview{white-space:pre-wrap;overflow-wrap:anywhere}

.q6-piece{touch-action:none;user-select:none}.q6-dragging{outline:3px solid #73e0c0;opacity:.7}

.prompt-terminal textarea{width:100%;box-sizing:border-box;min-height:260px;background:#10201b;color:#c4f7dd;font:16px/1.6 monospace;padding:18px;border:1px solid #538474;border-radius:12px}

.ship-mark{background:transparent!important;display:inline-flex;align-items:center;justify-content:center;border:0!important;box-shadow:none!important}.ship-mark svg{display:block;width:42px;height:42px}
