/* Modo Juntos (v1.6) */
:root{--jt-nino:#ffd24a;--jt-adulto:#4fd1c5;--jt-tinta:#22183a}
.jt-velo{position:fixed;inset:0;z-index:9800;background:rgba(8,12,34,.78);display:grid;place-items:center;padding:16px;overflow:auto}
.jt-caja{width:min(560px,100%);background:#fff8e7;color:var(--jt-tinta);border-radius:28px;padding:22px 18px 20px;box-shadow:0 22px 60px rgba(0,0,0,.5);text-align:center;animation:jt-entra .35s cubic-bezier(.34,1.56,.64,1)}
.jt-tit{font-family:var(--fiesta,'Baloo 2','Nunito',sans-serif);font-weight:800;font-size:clamp(1.5rem,6vw,2rem);line-height:1.1;margin:0 0 16px}
.jt-opciones{display:grid;gap:10px}
.jt-op{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;border:0;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 3px #eadfbe,0 4px 0 #e2d3a6;padding:12px 16px;cursor:pointer;font:inherit;color:inherit;min-height:84px}
.jt-op:hover,.jt-op:focus-visible{box-shadow:inset 0 0 0 3px #f2a812,0 4px 0 #d39410;outline:none}
.jt-op b{font-family:var(--fiesta,'Baloo 2','Nunito',sans-serif);font-size:1.35rem;line-height:1.05;align-self:end}
.jt-op small{grid-column:2;color:#6b5f80;font-weight:700;font-size:1.125rem;align-self:start}   /* v2.33 · 18 px (antes 15) */
.jt-ico{grid-row:1/3;position:relative;width:64px;height:64px;border-radius:50%;background:#ffefc2;display:grid;place-items:center;overflow:visible}
.jt-ico img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.jt-ico span{font-size:2rem}
.jt-ico i{position:absolute;right:-10px;bottom:-6px;width:34px;height:34px;border-radius:50%;background:var(--jt-adulto);display:grid;place-items:center;font-style:normal;font-size:1.1rem;box-shadow:0 0 0 3px #fff}
.jt-pregunta{font-family:var(--fiesta,'Baloo 2','Nunito',sans-serif);font-weight:700;font-size:1.3rem;margin:0 0 12px}
.jt-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.jt-chip{border:0;border-radius:999px;padding:10px 18px;font:800 1.05rem inherit;font-family:inherit;background:#fff;color:var(--jt-tinta);box-shadow:inset 0 0 0 2px #e2d3a6;cursor:pointer;min-height:46px}
.jt-chip.on{background:var(--jt-adulto);box-shadow:inset 0 0 0 2px #2a9d8f;color:#08302b}
.jt-otro{display:grid;gap:4px;margin:14px auto 0;max-width:280px;text-align:left;font-weight:700;color:#6b5f80}
.jt-otro input{border:2px solid #e2d3a6;border-radius:14px;padding:10px 12px;font:700 1.05rem inherit;font-family:inherit;color:var(--jt-tinta);background:#fff}
.jt-error{color:#9b2c2c;font-weight:800;margin:10px 0 0}
.jt-acc{display:flex;gap:10px;justify-content:center;margin-top:16px}
.jt-listo,.jt-volver{border:0;border-radius:999px;padding:12px 24px;font:800 1.1rem inherit;font-family:inherit;cursor:pointer;min-height:50px}
.jt-listo{background:linear-gradient(180deg,#ffe27a,#f5b01f);color:#4a3200;box-shadow:0 4px 0 #c8921a}
.jt-volver{background:transparent;color:#5a5070;box-shadow:inset 0 0 0 2px #d9cfb5}

/* Barra de turnos (arriba, al centro) */
.jt-barra{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:6px;background:rgba(14,18,44,.88);color:#fff;border-radius:999px;padding:4px 6px;box-shadow:0 6px 18px rgba(0,0,0,.35);max-width:calc(100vw - 120px);font-family:var(--fiesta,'Baloo 2','Nunito',sans-serif)}
.jt-j{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px 3px 3px;opacity:.55;transition:opacity .25s,background .25s,transform .25s;white-space:nowrap}
.jt-j img,.jt-j i{width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-style:normal;font-weight:800;background:var(--jt-adulto);color:#08302b}
.jt-j b{font-size:.95rem;max-width:7em;overflow:hidden;text-overflow:ellipsis}
.jt-j em{font-style:normal;font-weight:800;min-width:1.4em;text-align:center;border-radius:999px;font-size:.9rem;padding:0 6px}
.jt-j.on{opacity:1;transform:scale(1.06)}
.jt-nino.on{background:rgba(255,210,74,.22);box-shadow:inset 0 0 0 2px var(--jt-nino)}
.jt-adulto.on{background:rgba(79,209,197,.2);box-shadow:inset 0 0 0 2px var(--jt-adulto)}
.jt-nino em{background:var(--jt-nino);color:#4a3200}.jt-adulto em{background:var(--jt-adulto);color:#08302b}
.jt-vs{opacity:.6;font-size:.85rem}
.jt-con{font-size:.9rem;padding:0 6px;white-space:nowrap}
.jt-cambiar{border:0;background:transparent;color:#fff;opacity:.7;font-size:1rem;cursor:pointer;width:32px;height:32px;border-radius:50%}
/* Dentro de la pantalla del juego, debajo de su cabecera */
.jt-barra.jt-en-linea{position:relative;top:auto;left:auto;transform:none;margin:6px auto;width:max-content;max-width:calc(100% - 16px);z-index:5}
.jt-velo [hidden]{display:none!important}
/* Lo ganado, con el color de quien jugó */
.jt-de-nino{--jt-c:var(--jt-nino)}.jt-de-adulto{--jt-c:var(--jt-adulto)}
.emp-carta.jt-de-nino,.emp-carta.jt-de-adulto,.bq-ranura.jt-de-nino,.bq-ranura.jt-de-adulto{box-shadow:0 0 0 4px var(--jt-c),0 0 18px var(--jt-c)!important}
.feedback.jt-de-adulto,.opcion.jt-de-adulto{box-shadow:0 0 0 4px var(--jt-adulto)!important}
body[data-turno=adulto] .opciones .opcion:not(.apagada){box-shadow:0 0 0 3px var(--jt-adulto)}
.jt-marcador{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:8px 0;font-family:var(--fiesta,'Baloo 2','Nunito',sans-serif)}
.jt-marcador span{border-radius:999px;padding:4px 14px;font-weight:700;background:var(--jt-c);color:#22183a}
.jt-marcador small{flex-basis:100%;font-weight:700;opacity:.85}

/* Panel del acompañante (abajo a la derecha) */
.jt-panel{position:fixed;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:61;max-width:min(320px,calc(100vw - 20px));font-family:'Nunito',system-ui,sans-serif}
.jt-panel-cab{display:block;margin-left:auto;border:0;border-radius:999px;padding:10px 16px;font:800 .95rem inherit;font-family:inherit;background:var(--jt-adulto);color:#08302b;box-shadow:0 4px 0 #2a9d8f,0 8px 18px rgba(0,0,0,.3);cursor:pointer;min-height:44px}
.jt-panel-cuerpo{margin-top:8px;background:#f2fffd;color:#08302b;border-radius:18px;padding:12px;box-shadow:0 10px 26px rgba(0,0,0,.35);display:grid;gap:6px}
.jt-panel-cuerpo small{opacity:.75;font-weight:700}
.jt-suave{border:0;border-radius:14px;padding:12px;font:800 1.05rem inherit;font-family:inherit;background:linear-gradient(180deg,#bff3ec,#7fdcd0);color:#08302b;cursor:pointer;min-height:48px}
.jt-tira-tit{margin:6px 0 0;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7}
.jt-tira{display:flex;flex-wrap:wrap;gap:6px}
.jt-cuesta{background:#fff;border-radius:999px;padding:4px 10px;font-weight:800;box-shadow:inset 0 0 0 2px #7fdcd0}
.jt-nada{opacity:.7;font-weight:700}
/* La pista suave: brilla sin decir dónde exacto */
.jt-brilla{animation:jt-brilla 1.4s ease-in-out 2}
@keyframes jt-brilla{0%,100%{filter:none}50%{filter:drop-shadow(0 0 14px #7ff7e8) drop-shadow(0 0 26px #7ff7e8) brightness(1.15)}}
@keyframes jt-entra{0%{transform:scale(.8);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.jt-caja{animation:none}.jt-brilla{animation:none;outline:4px solid #7ff7e8}}
.reto-wrap > .jt-barra{flex:none;align-self:center}
/* v1.47.1 · Sello IC (C3, sin scroll): en el teléfono acostado la pregunta entra entera, con las tres opciones lado a lado. */
@media (orientation:landscape) and (max-height:560px){
  .jt-velo{padding:8px 12px}
  .jt-caja{width:min(780px,100%);padding:12px 14px 14px}
  .jt-tit{font-size:1.45rem;margin:0 0 10px}
  .jt-opciones{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jt-op{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center;row-gap:4px;min-height:0;padding:10px 8px}
  .jt-op b,.jt-op small{grid-column:1;align-self:center}
  .jt-ico{grid-row:auto;width:52px;height:52px}
  .jt-ico img{width:52px;height:52px}
}
