*{box-sizing:border-box}:root{--navy:#17325e;--blue:#2468c9;--dark:#1552a5;--line:#d7e2f0;--pale:#f5f8fc;--text:#253858;--green:#238b57;--gold:#d99d00;--red:#c64242}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#eaf3fc}body{padding:8px 10px}.bm-wrap{width:100%;max-width:1180px;margin:0 auto}.bm-card{background:#fff;border:1px solid #dce7f3;border-radius:15px;box-shadow:0 10px 28px rgba(29,61,105,.13);padding:12px 14px 9px;overflow:hidden}.bm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid var(--line);padding:0 0 9px}.eyebrow{margin:0 0 2px;color:#56719a;font-size:10px;font-weight:800;letter-spacing:.08em}.bm-title-block h1{margin:0;color:var(--navy);font-size:30px;line-height:1}.subtitle{margin:4px 0 0;color:#5c6f8b;font-size:13px}.bm-controls{width:315px;display:grid;grid-template-columns:1fr auto;gap:4px 7px;align-items:end}.bm-controls label{grid-column:1/-1;font-size:10px;font-weight:800;color:#5b6e8b}.bm-controls select{min-width:0;border:1px solid #bfd0e5;border-radius:6px;background:#fff;color:var(--navy);padding:7px;font-size:11px}.bm-controls button,.student-panel button,.board-actions button,.summary button{border:0;border-radius:6px;padding:8px 10px;background:var(--navy);color:#fff;font-size:11px;font-weight:800;cursor:pointer}.bm-controls button:hover,.student-panel button:hover,.summary button:hover{background:var(--dark)}.estado{margin:7px 0;padding:6px 9px;border:1px solid #cfe0f4;border-radius:6px;background:#f3f8ff;color:#4f6584;font-size:11px;text-align:center}.bm-layout{display:grid;grid-template-columns:220px minmax(430px,1fr) 220px;gap:10px;align-items:start;margin-top:9px}.student-panel,.help-panel,.bm-right{border:1px solid var(--line);border-radius:9px;background:var(--pale);padding:9px}.student-panel h2,.help-panel h2{margin:0 0 7px;color:var(--navy);font-size:14px;text-align:center}.student-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.student-grid label{display:flex;flex-direction:column;gap:2px;color:#5a6e8c;font-size:9px;font-weight:800}.student-grid input{width:100%;border:1px solid #c5d4e6;border-radius:5px;background:#fff;color:var(--navy);padding:5px;font-size:10px}.primary-button{width:100%;margin-top:7px;background:var(--blue)!important}.help-panel ol{margin:0;padding-left:17px;color:#516785;font-size:10px;line-height:1.32}.help-note{margin:7px 0 0;padding-top:6px;border-top:1px solid #dce7f3;color:#286844;font-size:10px;font-weight:700;line-height:1.25}.feedback{min-height:30px;margin-top:7px;border-radius:6px;padding:6px 7px;background:#fff;color:#61728a;font-size:10px;line-height:1.25}.feedback.ok{background:#eaf8f0;color:#17613c;border:1px solid #b8e0c8}.feedback.error{background:#fff0f0;color:#8f3030;border:1px solid #efc2c2}.bm-right{min-width:0;background:#fbfdff}.scorebar{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 3px;color:#536681;font-size:10px;text-align:center}.scorebar span{display:flex;align-items:center;justify-content:center;gap:3px;border-right:1px solid #e3eaf3}.scorebar span:last-child{border-right:0}.scorebar strong{font-size:13px;color:var(--navy)}.score-icon{display:inline-flex;width:15px;height:15px;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:9px}.score-icon.green{background:var(--green)}.score-icon.gold{background:var(--gold)}.score-icon.red{background:var(--red)}.board-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 1px 5px;color:var(--navy);font-size:11px}.board-title-row small{display:block;margin-top:1px;color:#657996;font-size:9px;font-weight:400}.difficulty{color:#6a7d96;font-size:9px;white-space:nowrap}.board{width:min(100%,400px);margin:0 auto;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;aspect-ratio:4/3;padding:3px;border-radius:7px;background:#dbe8f7;border:1px solid #b9cde4;box-shadow:inset 0 0 0 1px #f8fbff}.cell{min-width:0;border:1px solid #7fa8da;border-radius:4px;background:linear-gradient(#4b8ddd,#2868bd);color:#fff;font-size:clamp(13px,1.8vw,18px);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none}.cell:hover:not(.revealed):not(.flagged){filter:brightness(1.1)}.cell.revealed{background:#fff;border-color:#c6d4e6;color:var(--navy);cursor:default}.cell.revealed.n1{color:#2468c9}.cell.revealed.n2{color:#247044}.cell.revealed.n3{color:#c64242}.cell.flagged{background:#2764b3;color:#fff}.cell.mine{background:#f9dada;border-color:#e9a9a9;color:#b73535}.board-actions{display:flex;justify-content:center;gap:6px;margin-top:6px}.board-actions button{background:#fff;color:var(--navy);border:1px solid #a9c2df;padding:6px 9px;font-size:10px}.challenge{grid-column:1/-1;margin:0;padding:9px 11px;border:1px solid #b8cee8;border-radius:8px;background:#f4f9ff}.challenge-heading{display:flex;align-items:center;gap:7px}.challenge-heading h2{margin:0;color:var(--navy);font-size:14px}.challenge-heading p{margin:1px 0 0;color:#607491;font-size:10px}.speech-icon{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:900}.question{margin:6px 0;text-align:center;color:var(--navy);font-size:21px;font-weight:800}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.option{border:1px solid #b8cbe2;border-radius:6px;background:#fff;color:var(--navy);padding:7px 4px;font-size:12px;font-weight:800;cursor:pointer}.option.correct{background:#36a66e;border-color:#238b57;color:#fff}.option.incorrect{background:#f5cccc;border-color:#d67575;color:#8f3030}.explanation{margin:5px 0;padding:6px;border:1px solid #b8e0c8;border-radius:5px;background:#eaf8f0;color:#17613c;font-size:10px;font-weight:700;text-align:center}.continue-button{display:block;width:100%;margin-top:5px;border:0;border-radius:6px;padding:7px;background:var(--blue);color:#fff;font-size:11px;font-weight:800;cursor:pointer}.continue-button:disabled{opacity:.45}.summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:8px;padding:7px;border:1px solid #7aa9d8;border-radius:7px;background:#eaf4ff;color:var(--navy);font-size:10px;text-align:center}.summary[hidden],.challenge[hidden]{display:none}.summary strong{font-size:12px}.summary button{padding:6px 8px}.bm-footer{display:flex;justify-content:space-between;gap:8px;margin-top:7px;padding-top:6px;border-top:1px solid var(--line);color:#6a7c94;font-size:9px}.bm-footer strong{color:var(--navy)}@media(max-width:900px){.bm-layout{grid-template-columns:200px minmax(360px,1fr)}.help-panel{grid-column:1/-1}.help-panel ol{columns:2;column-gap:25px}.help-note{margin-top:5px}}@media(max-width:650px){body{padding:5px}.bm-card{padding:9px}.bm-head{flex-direction:column}.bm-controls{width:100%;grid-template-columns:1fr auto}.bm-layout{grid-template-columns:1fr}.student-panel,.help-panel,.bm-right{grid-column:auto}.board{width:min(100%,360px)}.options{grid-template-columns:1fr 1fr}.help-panel ol{columns:1}.bm-footer{flex-direction:column}}

/* Corrección QCM horizontal: el desafío vive en la tercera columna y nunca debajo del tablero. */
.side-panel{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--pale);padding:9px}.side-panel h2{margin:0 0 7px;color:var(--navy);font-size:14px;text-align:center}.side-panel .help-content ol{margin:0;padding-left:17px;color:#516785;font-size:10px;line-height:1.32}.side-panel .help-note{margin:7px 0 0;padding-top:6px;border-top:1px solid #dce7f3;color:#286844;font-size:10px;font-weight:700;line-height:1.25}.side-panel .feedback{min-height:28px;margin-top:7px}.side-panel .challenge{grid-column:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent}.side-panel .challenge-heading{margin-bottom:6px}.side-panel .challenge-heading h2{font-size:13px}.side-panel .challenge-heading p{font-size:10px}.side-panel .question{margin:9px 0 8px;font-size:20px;line-height:1.15}.side-panel .options{grid-template-columns:1fr 1fr;gap:5px}.side-panel .option{padding:8px 4px;font-size:11px}.side-panel .explanation{margin:7px 0;padding:6px;font-size:10px;line-height:1.25}.side-panel .continue-button{margin-top:7px;padding:8px;font-size:11px}.side-panel .speech-icon{width:23px;height:23px;flex:none;font-size:12px}.side-panel:has(.challenge:not([hidden])) .help-content{display:none}.side-panel:has(.challenge:not([hidden])){background:#f4f9ff;border-color:#b8cee8}.side-panel:has(.challenge:not([hidden])) .feedback{display:none}@media(max-width:900px){.bm-layout{grid-template-columns:200px minmax(360px,1fr)}.side-panel{grid-column:1/-1}.side-panel .help-content ol{columns:2;column-gap:25px}.side-panel:has(.challenge:not([hidden])){grid-column:1/-1}.side-panel:has(.challenge:not([hidden])) .challenge{max-width:620px;margin:0 auto}}@media(max-width:650px){.bm-layout{grid-template-columns:1fr}.side-panel{grid-column:auto}.side-panel .help-content ol{columns:1}.side-panel .options{grid-template-columns:1fr 1fr}}