:root{--bg:#07111f;--bg-soft:#0c1828;--panel:rgba(16,30,49,.94);--panel-light:rgba(24,42,66,.92);--line:rgba(255,255,255,.11);--text:#f7fbff;--muted:#9db0c7;--accent:#ef3e42;--accent-strong:#d52832;--cyan:#48d6d2;--green:#5dd39e;--yellow:#ffd166;--purple:#9b8cff;--blue:#6aa6ff;--orange:#ff9f5a;--shadow:0 20px 60px rgba(0,0,0,.28);font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(72,214,210,.12),transparent 28%),radial-gradient(circle at 85% 12%,rgba(239,62,66,.13),transparent 25%),linear-gradient(135deg,#06101d,#07111f 55%,#09182a)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#bdeeff}.hidden{display:none!important}h1,h2,h3,p{margin:0}.topbar{min-height:76px;padding:16px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(4,12,22,.84);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#ff5a5f,var(--accent-strong));color:#fff;font-size:20px;font-weight:900;letter-spacing:-1px;box-shadow:0 12px 32px rgba(239,62,66,.32)}.brand h1{font-size:19px;letter-spacing:-.5px}.brand p{color:var(--muted);font-size:12px;margin-top:2px}.topbar-actions,.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:18px;padding:18px;max-width:1900px;margin:0 auto}.board-column{min-width:0}.sidebar{display:flex;flex-direction:column;gap:14px}.panel,.status-strip,.challenge-empty,.challenge-card,.rules-drawer{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:16px}.panel{padding:15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.panel h2{font-size:18px;letter-spacing:-.4px}.panel-description,.muted{color:var(--muted);font-size:13px;line-height:1.48}.eyebrow{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:1.45px;color:#8dd8ff;font-weight:800}.status-strip{display:grid;grid-template-columns:1.35fr .55fr 1fr;gap:1px;overflow:hidden}.status-strip>div{padding:12px 15px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:5px}.status-strip strong{font-size:14px}.board-wrap{margin-top:12px}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:8px;min-height:720px}.board-preview{background:linear-gradient(135deg,rgba(17,53,83,.45),rgba(6,24,41,.75));border-radius:18px;border:1px dashed rgba(150,205,255,.24)}.board-cell{position:relative;border-radius:13px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;min-height:90px;border:1px solid rgba(255,255,255,.18);box-shadow:0 7px 17px rgba(0,0,0,.16);overflow:hidden;transition:.18s ease}.board-cell::after{content:"";position:absolute;inset:auto -18px -22px auto;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.08)}.board-cell.active-cell{outline:3px solid rgba(255,255,255,.94);outline-offset:2px;transform:scale(1.02);z-index:3;box-shadow:0 0 22px rgba(103,202,255,.8)}.cell-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.cell-number{color:rgba(255,255,255,.72);font-size:10px;font-weight:700}.cell-icon{font-size:20px}.cell-title{font-weight:900;font-size:11px;line-height:1.15;max-width:95%}.cell-category{color:rgba(255,255,255,.76);font-size:9px;text-transform:uppercase;letter-spacing:.7px;margin-top:4px}.tokens{display:flex;gap:4px;flex-wrap:wrap;position:relative;z-index:2}.team-token{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:13px;box-shadow:0 3px 8px rgba(0,0,0,.2)}.category-start{background-color:#274966}.category-waap{background-color:#b33743}.category-api{background-color:#226e7b}.category-bot{background-color:#6353ad}.category-ddos{background-color:#2564a8}.category-delivery{background-color:#25725d}.category-mcn{background-color:#397d9a}.category-ai{background-color:#7d4a96}.category-card{background-color:#a27023}.category-objection{background-color:#a94f25}.category-executive{background-color:#935255}.board-center{grid-row:2/7;grid-column:2/7;display:grid;place-items:center;text-align:center;padding:28px;background:rgba(5,20,35,.86);border-radius:20px;border:1px solid rgba(150,205,255,.18)}.board-center h2{font-size:clamp(32px,4vw,57px);line-height:.99;letter-spacing:-3px;margin-top:10px}.board-center h2 span{color:var(--cyan)}.board-center p:not(.eyebrow){max-width:620px;margin:16px auto 0;color:var(--muted);font-size:14px;line-height:1.55}.center-active h2{font-size:clamp(27px,3vw,46px)}.center-scenario{font-size:13px!important}.center-question{color:#f4fbff!important;font-weight:800;font-size:16px!important}.challenge-slot{margin-top:14px}.challenge-empty,.challenge-card{padding:16px}.challenge-empty h2{margin-top:4px;font-size:20px}.challenge-empty p:not(.eyebrow){margin-top:7px;color:var(--muted);font-size:13px}.challenge-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.challenge-heading h2{font-size:18px;line-height:1.38;margin-top:6px}.challenge-points{padding:7px 10px;border-radius:999px;background:rgba(72,214,210,.12);border:1px solid rgba(72,214,210,.25);color:#b9fffb;font-size:12px;font-weight:900;white-space:nowrap}.question-text{margin-top:13px;color:#f4fbff;font-size:16px;line-height:1.45;font-weight:800}.answers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.answer{padding:11px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);font-size:13px;line-height:1.42}.answer.correct{background:rgba(93,211,158,.13);border-color:rgba(93,211,158,.6)}.answer.wrong{background:rgba(239,62,66,.12);border-color:rgba(239,62,66,.55)}.answer-letter{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:7px;color:var(--cyan);background:rgba(72,214,210,.1);font-size:11px;font-weight:900}.coach-panel{margin-top:14px;padding:13px;border-radius:12px;background:linear-gradient(135deg,rgba(72,214,210,.09),rgba(106,166,255,.07));border:1px solid rgba(72,214,210,.22)}.coach-title{font-weight:900;color:#bcfffb}.coach-differential{margin-top:8px;color:#d7eaf1;font-size:13px;line-height:1.52}.coach-subtitle{margin-top:10px;color:#f6fbff;font-size:12px;font-weight:900}.coach-list,.pitch-panel ul{margin:7px 0 0;padding-left:18px;color:#cddde8;font-size:12px;line-height:1.56}.pitch-panel,.surprise-panel{margin-top:13px;padding:13px;border-radius:12px;background:rgba(155,140,255,.1);border:1px solid rgba(155,140,255,.23)}.pitch-label{font-weight:900;color:#ddd6ff}.pitch-panel p:not(.pitch-label):not(.coach-subtitle){margin-top:7px;color:#d5deee;font-size:13px}.pitch-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{margin-top:12px;padding:12px;border-radius:11px;background:rgba(255,255,255,.055);font-size:13px;line-height:1.45}.error{background:rgba(239,62,66,.16);border:1px solid rgba(239,62,66,.25)}.success-notice{background:rgba(93,211,158,.14);border:1px solid rgba(93,211,158,.25)}.button{border:0;border-radius:10px;padding:10px 12px;color:#fff;background:#1c6ee8;font-weight:900;cursor:pointer}.button.secondary{background:#183c5d}.button.primary{background:linear-gradient(135deg,#2583ec,#2266d6)}.button.success{background:#18864b}.button.danger{background:#aa2d36}.button.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.button.pitch-trigger{background:#b66a12}.button:disabled{opacity:.44;cursor:not-allowed}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#174b73;font-size:11px;font-weight:800}.connection-pill{background:#183c5d}.input,select,textarea{width:100%;padding:11px;border-radius:10px;border:1px solid rgba(150,205,255,.25);background:#0c2338;color:#fff}.stack{display:grid;gap:10px}.room-code{font-size:2rem;font-weight:900;letter-spacing:.16em}.qr{display:block;max-width:210px;width:100%;background:#fff;padding:7px;border-radius:12px;margin:10px auto}.compact-link{font-size:11px;overflow-wrap:anywhere}.dice-card{display:flex;align-items:center;gap:14px}.dice{font-size:48px}.turn-info{line-height:1.48}.leader-row,.player-row,.log-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.rank-position{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(255,255,255,.07);color:var(--muted);font-size:10px;font-weight:900}.leader-row span:nth-child(2){flex:1}.player-team{margin-top:10px}.player-team:first-child{margin-top:0}.points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.points{background:rgba(93,211,158,.15);border:1px solid rgba(93,211,158,.23)}.points.negative{background:rgba(239,62,66,.12);border-color:rgba(239,62,66,.2)}hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:14px 0}.resume-box{margin-top:10px}summary{cursor:pointer;color:var(--muted);font-size:13px}.rules-drawer{position:fixed;right:18px;top:92px;width:min(480px,calc(100vw - 36px));max-height:calc(100vh - 110px);overflow:auto;padding:17px;z-index:30}.rules-header{display:flex;justify-content:space-between;gap:12px}.icon-button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;font-size:22px}.rules-list{padding-left:18px;color:#d3deea;font-size:13px;line-height:1.58}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}.legend-item{padding:8px;border-radius:9px;background:rgba(255,255,255,.045);font-size:12px}.mobile{width:min(650px,94vw);margin:auto;padding:18px}.hero{text-align:center;padding:28px 0}.logo{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#e31b23;font-weight:900}.big{font-size:2.2rem;font-weight:900}.card{background:rgba(9,29,49,.9);border:1px solid rgba(150,205,255,.2);box-shadow:0 14px 35px rgba(0,0,0,.22);border-radius:18px;padding:16px}.controls{display:flex;flex-wrap:wrap;gap:9px}@media(max-width:1220px){.app-shell{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.activity-panel{grid-column:1/-1}.board{min-height:650px}}@media(max-width:760px){.app-shell{padding:11px}.sidebar{display:flex}.status-strip{grid-template-columns:1fr 1fr}.status-strip>div:last-child{grid-column:1/-1}.board{min-height:520px;gap:5px}.board-cell{min-height:62px;padding:5px}.cell-title{font-size:9px}.cell-category{font-size:7px}.cell-icon{font-size:16px}.team-token{width:20px;height:20px;font-size:10px}.answers,.pitch-columns{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%}.board-center{padding:13px}.board-center h2{font-size:26px;letter-spacing:-1.5px}.center-question{font-size:13px!important}}

/* V5.3 — visual de categoría y claridad de selección móvil */
.challenge-heading { align-items: flex-start; gap: 16px; }
.challenge-heading-copy { flex: 1; min-width: 0; }
.challenge-visual {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  font-size: 34px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
  border: 1px solid rgba(255,255,255,.2);
}
.mobile-challenge-header { display: flex; align-items: flex-start; gap: 12px; }
.mobile-challenge-header .challenge-visual { width: 54px; height: 54px; flex-basis: 54px; font-size: 28px; border-radius: 16px; }
.option-help { margin: 12px 0 10px; }
@media (max-width: 640px) {
  .challenge-heading { gap: 12px; }
  .challenge-visual { width: 52px; height: 52px; flex-basis: 52px; font-size: 27px; border-radius: 14px; }
}


/* V5.4 — temporizador sincronizado y cabeceras visuales */
.challenge-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.timer{min-width:54px;height:54px;display:grid;place-items:center;border-radius:16px;font-size:22px;font-weight:900;color:#ffd166;background:rgba(255,209,102,.1);border:1px solid rgba(255,209,102,.28);box-shadow:0 8px 18px rgba(0,0,0,.16)}.timer.urgent{color:#ff999d;background:rgba(239,62,66,.14);border-color:rgba(239,62,66,.42)}.center-challenge-top{display:flex;justify-content:center;align-items:center;gap:14px}.center-challenge-top .timer{width:44px;min-width:44px;height:44px;border-radius:13px;font-size:18px}.mobile-challenge-header .timer{width:48px;min-width:48px;height:48px;flex:0 0 48px;border-radius:14px;font-size:19px}.mobile-challenge-copy{flex:1;min-width:0}.answers button.answer{width:100%;text-align:left;color:#fff;cursor:pointer;transition:.16s ease}.answers button.answer:hover{transform:translateY(-1px);border-color:rgba(72,214,210,.5);background:rgba(72,214,210,.08)}.answers button.answer:disabled{cursor:not-allowed;opacity:.72}