/* Piensa Rápido 2.0 · Ajustes de UI aislados de la lógica original. */
:root{--color-fondo:#141b25;--color-panel:#222d3a;--color-primario:#d2b987;--color-texto:#f3f5f8;--color-error:#ab5f5f;--color-acierto:#eaf0f4;--equipo-azul:#315f81;--equipo-rojo:#a14f52}
html{color-scheme:dark}
body{background:#141b25;color:#f3f5f8}
/* Paneles de administración: controles neutros, jerarquía clara */
.admin-page{min-height:100dvh;overflow-x:hidden;background:#141b25;font-size:14px}
.admin-page .admin-container{margin:0 auto;max-width:1600px;width:100%;padding:clamp(10px,1.5vw,20px);border-radius:0;background:transparent;box-shadow:none}
.admin-header{min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 4px 10px}
.admin-header .eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#c9b889}
.admin-header h1{font-size:clamp(19px,1.8vw,27px);margin:2px 0 0;text-align:left;color:#fff;text-shadow:none}
.admin-header h1 small{font-size:12px;color:#a8b6c7;font-weight:500}
.estado-cinta{padding:10px 14px;border-radius:9px;background:#303c4b;color:#f7f8fb;font-size:12px;font-weight:800;letter-spacing:.04em;text-align:center;max-width:50%;border:1px solid #415062}
.estado-cinta.estado-turno1{background:#284b64;border-color:#4e8aaf}
.estado-cinta.estado-turno2{background:#6d393d;border-color:#c17474}
.estado-cinta.estado-abierto{background:#334b42;border-color:#739985}
.admin-layout{display:grid;grid-template-columns:minmax(290px,.82fr) minmax(420px,1.38fr);gap:12px;align-items:start}
.admin-sidebar{min-width:0;display:flex;flex-direction:column;gap:12px}
.admin-page .admin-section{background:#202a36;border:1px solid #384556;border-radius:13px;padding:14px;margin:0;min-width:0}
.admin-page .admin-section h2{font-size:13px;font-weight:800;margin:0 0 11px;color:#e9edf3;letter-spacing:.025em}
.admin-page label{font-size:11px;color:#a9b9c9;font-weight:700;display:grid;gap:5px}
.admin-page input[type=text],.admin-page input[type=color],.admin-page select{width:100%;min-width:0;background:#141c27;border:1px solid #526072;border-radius:8px;color:#f5f7fa;padding:9px;font-size:13px}
.admin-page input[type=color]{padding:3px;min-height:38px}
.selects-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:9px;margin-bottom:10px}
.admin-page button{margin:0;border:1px solid #536378;border-radius:8px;background:#394656;color:#f3f6f9;padding:10px 11px;font-size:12px;font-weight:800;line-height:1.25;letter-spacing:.01em;cursor:pointer;text-shadow:none;transition:background .15s,border-color .15s}
.admin-page button:hover:not(:disabled){background:#48596b;border-color:#7b8b9c;transform:none;box-shadow:none}
.admin-page button:active:not(:disabled){background:#4d5d6e;transform:none}
.admin-page button:disabled{opacity:.4;cursor:not-allowed;background:#37404c;color:#c7ced6}
.admin-page .btn-primary{background:#4e6674;border-color:#75919f;color:#fff}
.admin-page .btn-primary:hover:not(:disabled){background:#607e8b}
.admin-page .btn-danger{background:#56373c;border-color:#805157;color:#f6e2e2}
.admin-page .btn-danger:hover:not(:disabled){background:#6e444a}
.admin-page .btn-success{background:#3d6253;border-color:#6e9984;color:#fff}
.admin-page .btn-success:hover:not(:disabled){background:#4e7664}
.admin-page .btn-wide{width:100%}
.admin-help{font-size:11px;line-height:1.4;color:#a5b4c1;margin-top:8px}
.estado-turno{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}
.estado-equipo{background:#263443;border:2px solid #3a4a59;border-radius:10px;text-align:center;padding:9px 6px;min-width:0;color:#eff4f8}
.estado-equipo .equipo-nombre{font-weight:700;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.estado-equipo .equipo-puntos{font-weight:900;font-size:25px;display:block;margin-top:3px;font-variant-numeric:tabular-nums}
.estado-equipo.equipo1{border-left:5px solid var(--equipo-azul)}
.estado-equipo.equipo2{border-left:5px solid var(--equipo-rojo)}
.estado-equipo.en-turno.equipo1{background:#28465b;border-color:#7fb2d3;box-shadow:inset 0 0 0 1px #7fb2d3}
.estado-equipo.en-turno.equipo2{background:#5c383a;border-color:#dc9998;box-shadow:inset 0 0 0 1px #dc9998}
.estado-equipo.atenuado{opacity:.48}
.turno-mensaje{font-size:12px;font-weight:800;background:#17202b;padding:10px;border-radius:8px;border:1px solid #414f60;text-align:center;margin-bottom:9px}
.turno-mensaje strong{color:#fff}
.turno-mensaje.azul{border-color:#75a4c0;color:#b8d9ee;background:#254459}
.turno-mensaje.rojo{border-color:#d28b8a;color:#f1c5c4;background:#60383b}
.turno-mensaje.activo{border-color:#83aa91;color:#c4e5ca;background:#2c483e}
.turno-actions,.turno-manual{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.admin-page .turno-actions button,.admin-page .turno-manual button{width:100%;min-height:39px}
.turno-actions .btn-wide{grid-column:1/-1}
.puntos-disponibles{font-size:12px;color:#d2dce5;text-align:center;margin:8px 0}
.puntos-disponibles strong{font-size:19px;color:#e7cf98}
.admin-page .config-section{padding:10px 14px}
.admin-page details summary{cursor:pointer;font-weight:700;font-size:12px;color:#cbd5de;padding:2px 0 8px}
.admin-page .config-container{padding:0;border:0;background:transparent;margin:0}
.admin-page .config-row{display:grid;grid-template-columns:40px minmax(0,1fr) 44px 20px;gap:7px;margin:8px 0;align-items:center}
.admin-page .color-chip{height:24px;border-radius:6px;border:1px solid #d2d7de}
.admin-page .btn-reset{margin-top:9px;width:100%;font-size:11px;padding:7px}
.admin-responses{display:flex;flex-direction:column;min-width:0}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.section-heading h2{margin-bottom:10px}
.section-heading span{font-size:11px;color:#bfcad5}
.admin-page .admin-pregunta-optimizada{background:#141c27;border:1px solid #394959;border-radius:10px;padding:14px;margin:0 0 9px;text-align:left}
.admin-page .pregunta-meta{display:block;color:#cbb788;font-weight:700;font-size:10px;letter-spacing:.035em}
.admin-page .pregunta-texto{color:#fff;font-weight:800;font-size:clamp(16px,1.4vw,22px);line-height:1.25;margin:7px 0}
.respuesta-leyenda{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.02em;color:#a7b6c7;margin-bottom:6px}
.respuestas-admin-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(55px,auto);gap:8px;align-content:start;margin:0;min-width:0}
.respuesta-admin-item{display:grid;grid-template-columns:26px minmax(0,1fr) 73px;align-items:center;gap:8px;padding:7px 8px;min-height:59px;background:#26313f;border:1px solid #3d4c5d;border-radius:9px;min-width:0}
.respuesta-admin-item.abierta{background:#34443f;border-color:#5d8275;opacity:1}
.respuesta-admin-item.responde-azul:not(.abierta){border-left:4px solid #6c9ab9}
.respuesta-admin-item.responde-rojo:not(.abierta){border-left:4px solid #c37d7e}
.respuesta-admin-numero{font-size:15px;color:#d5be92;text-align:center;font-weight:900}
.respuesta-admin-content{font-size:12px;min-width:0;line-height:1.23}
.respuesta-admin-texto{font-weight:800;word-wrap:break-word;color:#fff}
.respuesta-admin-valor{font-size:11px;color:#adbbc9;margin-top:4px}
.admin-page .respuesta-admin-item button{padding:8px 4px;border-color:#65788a;font-size:11px;background:#394d5b;color:#fff;height:auto;min-height:38px;min-width:0;width:100%;grid-column:auto;grid-row:auto}
.admin-page .respuesta-admin-item.abierta button{border-color:#598875;background:#365847;color:#d4f1df;opacity:1}
/* Pantalla en proporción 16:9: las filas siempre se adaptan al viewport, sin Ctrl-. */
html:has(body.pantalla-page),body.pantalla-page{overflow:hidden!important;width:100%;height:100%;margin:0}
body.pantalla-page{background:radial-gradient(ellipse at 50% 4%,#24394a 0%,#131c27 62%,#0b131d 100%);padding:0!important}
body.pantalla-page .main-screen-container{width:100vw;max-width:none!important;height:100vh;height:100dvh;margin:0!important;padding:clamp(9px,1.25vh,17px) clamp(12px,1.4vw,22px)!important;gap:clamp(6px,1vh,13px)!important;background:transparent!important;border-radius:0!important;display:grid!important;grid-template-rows:minmax(0,1.15fr) minmax(0,1fr) auto minmax(0,4fr)!important;overflow:hidden!important;box-shadow:none!important}
.pantalla-page .score-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(95px,.5fr) minmax(0,1fr);gap:clamp(7px,1.2vw,18px);align-items:stretch;min-height:0}
.pantalla-page .equipo-score{min-width:0;min-height:0;border:2px solid #4b6275;background:rgba(39,77,99,.72);border-radius:12px;padding:clamp(7px,1.4vh,15px);text-align:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}
.pantalla-page #equipo2{background:rgba(103,57,59,.72);border-color:#83585c}
.pantalla-page .equipo-score h2{font-size:clamp(13px,1.5vw,23px);font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pantalla-page .equipo-score .puntos{font-size:clamp(27px,5vh,56px);line-height:1.0;font-weight:900;margin:4px 0 0}
.pantalla-page .equipo-score.equipo-activo{border-color:#d8e8f2!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 0 16px rgba(255,255,255,.18)!important;animation:none!important}
.pantalla-page .equipo-score.atenuado{opacity:.43}
.pantalla-page .turno-etiqueta{display:none;position:absolute;top:5px;right:7px;border-radius:4px;background:rgba(242,246,249,.16);font-size:clamp(9px,1.1vw,13px);letter-spacing:.03em;padding:3px 6px;font-weight:800}
.pantalla-page .equipo-activo .turno-etiqueta{display:block}
.pantalla-page .puntos-centrales{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.pantalla-page .puntos-label{font-size:clamp(8px,.95vw,13px);color:#aebdcb;letter-spacing:.02em;text-align:center;font-weight:800}
.pantalla-page #puntos-acumulados{font-size:clamp(27px,5.4vh,65px);font-weight:900;line-height:1.05;color:#d7be89}
.pantalla-page .pregunta-box{background:rgba(29,43,57,.92);border:1px solid #435567;border-radius:12px;padding:clamp(7px,1.2vh,18px);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:0;overflow:hidden}
.pantalla-page .pregunta-label{font-size:clamp(9px,.95vw,13px);color:#c8b380;font-weight:800;letter-spacing:.1em}
.pantalla-page .pregunta-box p{font-size:clamp(15px,min(2.1vw,3.3vh),35px);font-weight:800;line-height:1.14;color:#fff;margin:0;max-width:100%;overflow-wrap:anywhere}
.pantalla-page .turno-barra{height:clamp(26px,3.8vh,43px);display:flex;justify-content:center;align-items:center;background:#293748;border:1px solid #435366;border-radius:8px;font-size:clamp(11px,1.25vw,18px);font-weight:900;letter-spacing:.055em;color:#d7e2ec;text-align:center;padding:4px 9px}
.pantalla-page .turno-barra.abiertas{background:#304e42;border-color:#79a78b;color:#e2f5e6}
.pantalla-page .turno-barra.equipo1{background:#305c79;border-color:#80b8d8;color:#f0f8ff}
.pantalla-page .turno-barra.equipo2{background:#804144;border-color:#cf898b;color:#fff2f2}
.pantalla-page .grid-respuestas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(5px,.85vh,12px);min-height:0;overflow:hidden;align-content:stretch}
.pantalla-page .respuesta-item{display:grid;grid-template-columns:clamp(23px,3.2vw,50px) minmax(0,1fr) clamp(27px,4vw,61px);align-items:center;gap:clamp(5px,1vw,16px);min-height:0;min-width:0;padding:clamp(5px,.9vw,13px);border:1px solid #3d4e5e!important;border-radius:10px;background:rgba(30,44,59,.95)!important;box-shadow:none;opacity:.8}
.pantalla-page .respuesta-item.abierta{background:rgba(47,67,64,.95)!important;border-color:#709484!important;opacity:1}
.pantalla-page .respuesta-numero-container{align-self:center;padding:0;display:flex;justify-content:center;min-width:0}
.pantalla-page .respuesta-numero{font-size:clamp(13px,1.6vw,24px);font-weight:900;color:#cfb783;padding:0}
.pantalla-page .respuesta-texto{font-size:clamp(13px,min(2.05vw,3.6vh),32px);font-weight:800;line-height:1.08;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;min-width:0}
.pantalla-page .respuesta-valor{font-size:clamp(14px,min(2vw,3.7vh),30px);font-weight:900;text-align:right;min-width:0;color:#ecf0f4}
@media (max-height:620px){.pantalla-page .main-screen-container{grid-template-rows:minmax(0,1fr) minmax(0,.85fr) auto minmax(0,4.5fr)!important}.pantalla-page .respuesta-item{padding:4px 7px}.pantalla-page .pregunta-box p{font-size:clamp(14px,2vw,24px)}}
/* El admin de escritorio aprovecha 16:9; móvil desplaza verticalmente (sin miniaturizar). */
@media(min-width:1050px) and (min-height:675px){body.admin-page:not(.admin--mobile){height:100dvh;overflow:hidden}body.admin-page:not(.admin--mobile) .admin-container{height:100dvh;display:flex;flex-direction:column}body.admin-page:not(.admin--mobile) .admin-layout{min-height:0;flex:1}body.admin-page:not(.admin--mobile) .admin-responses{height:100%;min-height:0}body.admin-page:not(.admin--mobile) .respuestas-admin-grid{min-height:0;flex:1;grid-template-rows:repeat(4,minmax(0,1fr))!important;overflow:hidden}body.admin-page:not(.admin--mobile) .respuesta-admin-item{min-height:0}body.admin-page:not(.admin--mobile) .admin-sidebar{max-height:100%;overflow:auto;scrollbar-width:thin}}
@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.admin-page .admin-container{padding:9px}.admin-header{padding:7px 0 12px}.admin-header h1{font-size:20px}.admin-header h1 small{display:none}.admin-page .admin-section{padding:12px}.admin-page .admin-responses{order:2}.admin-page .admin-sidebar{order:1}.admin-page .respuesta-admin-item{min-height:65px}}
@media(max-width:520px){.admin-header{align-items:flex-start;flex-direction:column;gap:7px}.estado-cinta{max-width:100%;width:100%;text-align:center}.admin-page .respuestas-admin-grid{grid-template-columns:1fr}.admin-page .respuesta-admin-item{grid-template-columns:26px minmax(0,1fr) 76px}.admin-page .respuesta-admin-texto{font-size:13px}.admin-page .turno-actions button{font-size:12px}}
/* Botonera y pantalla móvil heredadas: conservar disposición, suavizar fondos. */
body:not(.pantalla-page):not(.admin-page) .equipo-score{border-width:2px;min-width:0;padding:10px;border-radius:9px}
body:not(.pantalla-page):not(.admin-page) .equipo-activo{animation:none;box-shadow:0 0 0 2px rgba(255,255,255,.6)!important}
body:not(.pantalla-page):not(.admin-page) .respuesta-texto{letter-spacing:0}

/* Piensa Rápido 3.0 · Negro en pantalla y equipos vivos de alto contraste. */
:root{--equipo-azul:#1476e8;--equipo-rojo:#e03d4c}
html:has(body.pantalla-page),body.pantalla-page{background:#000!important;color:#fff!important}
body.pantalla-page .main-screen-container{background:#000!important}
.pantalla-page .score-board .equipo-score{background:var(--team-color,var(--equipo-azul))!important;border:2px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:none!important}
.pantalla-page .score-board #equipo2{background:var(--team-color,var(--equipo-rojo))!important}
.pantalla-page .score-board .equipo-score h2,.pantalla-page .score-board .equipo-score .puntos{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.24)}
.pantalla-page .score-board .equipo-score.equipo-activo{border:4px solid #fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.25),0 0 22px rgba(255,255,255,.3)!important}
.pantalla-page .score-board .equipo-score.atenuado{opacity:.32;filter:saturate(.6)}
.pantalla-page .score-board .turno-etiqueta{color:#fff;background:rgba(0,0,0,.35);top:3px;right:4px}
.pantalla-page .puntos-centrales{background:#000}
.pantalla-page #puntos-acumulados{color:#fff!important}
.pantalla-page .puntos-label{color:#ccc}
.pantalla-page .pregunta-box{background:#101010!important;border:1px solid #363636!important}
.pantalla-page .pregunta-label{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:4px 16px;background:#242424;border:1px solid #525252;border-radius:6px;color:#fff!important;font-size:clamp(11px,1.2vw,18px);letter-spacing:.08em;font-weight:900}
.pantalla-page .pregunta-box p{color:#fff!important}
.pantalla-page .turno-barra{background:#161616;border-color:#4d4d4d;color:#fff!important}
.pantalla-page .turno-barra.abiertas{background:#1b3328;border-color:#4c9b76}
.pantalla-page .turno-barra.equipo1{background:#1476e8;border-color:#fff}
.pantalla-page .turno-barra.equipo2{background:#e03d4c;border-color:#fff}
.pantalla-page .respuesta-item{background:#171717!important;border:1px solid #474747!important;opacity:1;color:#fff}
.pantalla-page .respuesta-item.abierta{background:#252525!important;border:1px solid #b1b1b1!important;opacity:1}
.pantalla-page .respuesta-numero{color:#fff!important}
.pantalla-page .respuesta-texto,.pantalla-page .respuesta-valor{color:#fff!important}
.admin-page .estado-cinta.estado-turno1{background:#155dac;border-color:#6daaff;color:#fff}
.admin-page .estado-cinta.estado-turno2{background:#b02b3b;border-color:#ff8592;color:#fff}
.admin-page .turno-mensaje.azul{background:#155dac!important;color:#fff!important}
.admin-page .turno-mensaje.rojo{background:#b02b3b!important;color:#fff!important}
.admin-page .estado-equipo.en-turno.equipo1{border:2px solid #1476e8;border-left:6px solid #1476e8;box-shadow:inset 0 0 0 1px #1476e8}
.admin-page .estado-equipo.en-turno.equipo2{border:2px solid #e03d4c;border-left:6px solid #e03d4c;box-shadow:inset 0 0 0 1px #e03d4c}
.admin-page .estado-equipo.equipo1{border-left-color:#1476e8}
.admin-page .estado-equipo.equipo2{border-left-color:#e03d4c}
.admin-page .pregunta-meta{color:#fff}
@media(max-height:620px){.pantalla-page .pregunta-label{padding:2px 9px;font-size:clamp(10px,.95vw,13px)}}

/* V4 · Reloj y pistas compactas sin scroll en 16:9 */
.pantalla-page .puntos-centrales{gap:2px}
.pantalla-page .reloj-digital{font-size:clamp(32px,min(5.8vw,7vh),88px);font-variant-numeric:tabular-nums;font-weight:900;line-height:1;color:#fff;margin:2px 0}
.pantalla-page .contador-respuestas{font-size:clamp(10px,1.2vw,17px);font-weight:750;color:#dadada}
.pantalla-page.reloj-urgente .reloj-digital{color:#ff6c6c;animation:latir .8s infinite alternate}
@keyframes latir{from{opacity:1}to{opacity:.6}}
.pantalla-page .respuesta-letras{font-size:clamp(9px,.85vw,13px);display:block;color:#bbb;letter-spacing:.03em;margin-top:2px}
.pantalla-page .pista-espera{opacity:.25;letter-spacing:.2em}
.pantalla-page .habilitar-audio{position:fixed;z-index:15;right:12px;top:12px;max-width:235px;padding:6px 10px;border-radius:8px;background:#343434;color:#fff;border:1px solid #aaa;font-size:11px;font-weight:850;cursor:pointer}
.pantalla-page .habilitar-audio.sonido-on{opacity:.6;max-width:160px;font-size:10px}
.admin-page .reloj-panel{margin:10px 0 6px;background:#101820;border:1px solid #536578;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;color:#fff}
.admin-page .reloj-panel span{font-size:11px;color:#dce7f2;font-weight:800;letter-spacing:.04em}
.admin-page .reloj-panel strong{font-size:clamp(29px,3.1vw,48px);font-variant-numeric:tabular-nums;line-height:1}
.admin-page.reloj-urgente .reloj-panel strong{color:#ff7777}
.admin-page .turno-actions.reloj-acciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.admin-page .turno-actions.reloj-acciones .btn-wide{grid-column:1/-1}
.admin-page .turno-actions.reloj-acciones button{min-height:42px;font-size:12px;padding:7px 8px;color:#fff}
.admin-page .turno-actions.reloj-acciones button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:500px){.admin-page .reloj-panel strong{font-size:36px}.admin-page .turno-actions.reloj-acciones button{font-size:12px}.pantalla-page .habilitar-audio{right:3px;top:2px;font-size:8px;opacity:.85}}
@media(min-width:1050px) and (min-height:675px){body.admin-page:not(.admin--mobile) .admin-sidebar{overflow:auto}body.admin-page:not(.admin--mobile) .admin-section{padding:10px}body.admin-page:not(.admin--mobile) .reloj-panel{margin:4px 0}}

/* V4: equipo sin turno oscuro, pero nombres y puntos permanecen blancos y legibles */
.pantalla-page .score-board .equipo-score.atenuado{opacity:1!important;filter:none!important;background:color-mix(in srgb,var(--team-color),#080808 57%)!important;box-shadow:none!important}
.pantalla-page .score-board .equipo-score.atenuado h2,.pantalla-page .score-board .equipo-score.atenuado .puntos{color:#fff!important;text-shadow:0 1px 3px #000}
.admin-page .sonido-admin{flex-shrink:0;background:#313e4b;border:1px solid #76889b;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:800;color:#fff;cursor:pointer}
.admin-page .sonido-admin.sonido-on{border-color:#7fb599;color:#c6e4d6}
@media(max-width:850px){.admin-page .sonido-admin{width:100%}}

/* V4.1 · Sorteo inicial opcional: fondo negro, equipos AZUL/ROJO, letras blancas. */
.admin-page .sorteo-controles{margin-top:9px;padding:9px;background:#141c27;border:1px solid #3e5265;border-radius:9px}
.admin-page .btn-ruleta{background:linear-gradient(125deg,#235d91,#8e3440);border:1px solid #9db1c2;color:#fff;font-size:12px;padding:11px 8px}
.admin-page .btn-ruleta:hover:not(:disabled){background:linear-gradient(125deg,#3273ab,#ab4352)}
.admin-page .sorteo-controles p{margin:6px 0 0}
.ruleta-overlay[hidden]{display:none!important}
.ruleta-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,2vh,24px);padding:clamp(12px,2vw,30px);background:#000;color:#fff;text-align:center;overflow:hidden}
.ruleta-encabezado{font-size:clamp(15px,1.7vw,30px);font-weight:900;letter-spacing:.25em;color:#fff}
.ruleta-overlay h2{font-size:clamp(20px,3vw,52px);line-height:1.1;font-weight:900;letter-spacing:.045em;margin:0!important;color:#fff}
.ruleta-area{position:relative;width:min(56vh,44vw,490px);aspect-ratio:1;max-width:90vw;flex-shrink:1;min-width:0}
.ruleta-disco{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:clamp(6px,.85vw,12px) solid #f0f0f0;background:conic-gradient(from -22.5deg,#1476e8 0 45deg,#e03d4c 45deg 90deg,#1476e8 90deg 135deg,#e03d4c 135deg 180deg,#1476e8 180deg 225deg,#e03d4c 225deg 270deg,#1476e8 270deg 315deg,#e03d4c 315deg 360deg);box-shadow:0 10px 35px rgba(0,0,0,.8),0 0 0 3px #444}
.ruleta-disco::after{content:'PIENSA\A RÁPIDO';white-space:pre;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#080808;border:5px solid #fff;border-radius:50%;width:26%;height:26%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(10px,1.5vw,20px);line-height:1.1;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px #000}
.ruleta-opcion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--ang)) translateY(calc(-1 * min(19vh,15vw,180px)));font-size:clamp(10px,1.4vw,21px);font-weight:900;color:#fff;text-shadow:0 2px 3px #000;pointer-events:none}
.ruleta-flecha{z-index:5;position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:clamp(10px,1.5vw,22px) solid transparent;border-right:clamp(10px,1.5vw,22px) solid transparent;border-top:clamp(19px,2.5vw,36px) solid #fff;filter:drop-shadow(0 0 3px #111)}
.ruleta-resultado{font-weight:900;letter-spacing:.06em;font-size:clamp(21px,3vw,47px);color:#fff;line-height:1.1;max-width:95vw;overflow-wrap:anywhere;margin:0!important}
.ruleta-resultado.ganador-azul{color:#80baff;text-shadow:0 0 18px rgba(20,118,232,.65)}
.ruleta-resultado.ganador-rojo{color:#ff9aa3;text-shadow:0 0 18px rgba(224,61,76,.65)}
@keyframes giro-ruleta{from{transform:rotate(0deg)}to{transform:rotate(var(--rotacion-final,2160deg))}}
@media(max-height:560px){.ruleta-overlay{gap:5px}.ruleta-area{width:min(44vh,40vw,260px)}.ruleta-encabezado{font-size:13px}.ruleta-overlay h2{font-size:20px}.ruleta-resultado{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ruleta-disco{animation-timing-function:ease-out!important}}

/* V4.1 · Indicadores de turno según referencia azul/rojo: siempre letras blancas. */
.pantalla-page.turno-azul .pregunta-box{border:2px solid #1476e8!important}
.pantalla-page.turno-rojo .pregunta-box{border:2px solid #e03d4c!important}
.pantalla-page.turno-azul .respuesta-item:not(.abierta){border-left:5px solid #1476e8!important}
.pantalla-page.turno-rojo .respuesta-item:not(.abierta){border-left:5px solid #e03d4c!important}
.pantalla-page .turno-barra.equipo1,.pantalla-page .turno-barra.equipo2{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35);font-weight:950}
.pantalla-page .score-board .equipo-score.atenuado{background:color-mix(in srgb,var(--team-color),#060606 62%)!important;border:2px solid #4d4d4d!important}
.pantalla-page .score-board .equipo-score.equipo-activo .turno-etiqueta{color:#fff;font-weight:900;background:#0008;display:block}
.admin-page.turno-azul .respuesta-leyenda{color:#fff;border-left:5px solid #1476e8;padding-left:8px}
.admin-page.turno-rojo .respuesta-leyenda{color:#fff;border-left:5px solid #e03d4c;padding-left:8px}
.ruleta-resultado.ganador-azul,.ruleta-resultado.ganador-rojo{color:#fff!important;padding:8px 24px;border:2px solid #fff;border-radius:12px;box-shadow:0 0 35px #fff2}
.ruleta-resultado.ganador-azul{background:#1476e8}
.ruleta-resultado.ganador-rojo{background:#e03d4c}

/* V5 · Turnos manuales, legibilidad y mensaje de tiempo agotado */
.pantalla-page .pregunta-box p{font-size:clamp(21px,min(2.75vw,4.2vh),51px)!important;line-height:1.13!important;letter-spacing:.004em}
.pantalla-page .respuesta-texto{font-size:clamp(17px,min(2.6vw,4.4vh),43px)!important;line-height:1.04!important;font-weight:900!important}
.pantalla-page .respuesta-letras{font-size:clamp(10px,1vw,17px)!important;line-height:1.05}
.pantalla-page .respuesta-item{gap:clamp(4px,.65vw,10px)!important;padding:clamp(5px,.6vw,11px)!important}
.pantalla-page .equipo-score.equipo-activo{background:var(--team-color)!important;border:5px solid #fff!important;box-shadow:0 0 0 3px #f7c64b,0 0 23px #ffffff60!important;opacity:1!important}
.pantalla-page .score-board .equipo-score.atenuado{background:color-mix(in srgb,var(--team-color),#000 77%)!important;opacity:1!important;filter:none!important;border:2px solid #424242!important;box-shadow:none!important}
.pantalla-page .turno-barra.agotado{background:#242424!important;border-color:#aaa!important;color:#fff!important}
.fin-tiempo-overlay[hidden]{display:none!important}
.fin-tiempo-overlay{position:fixed;z-index:100;left:50%;top:51%;transform:translate(-50%,-50%);background:#060606f5;color:#fff;border:5px solid #fff;border-radius:22px;box-shadow:0 0 0 100vmax #0006,0 0 45px #000;padding:clamp(16px,2.8vw,45px) clamp(22px,4.5vw,85px);font-size:clamp(25px,4.4vw,76px);line-height:1.08;font-weight:950;letter-spacing:.045em;white-space:nowrap;pointer-events:none;text-align:center;max-width:96vw}
.admin-page .turno-manual.turno-principal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.admin-page .turno-principal button{font-size:clamp(11px,1.1vw,17px);font-weight:900;color:#fff;padding:12px 8px;min-height:62px;border:2px solid #ffffff70;border-radius:10px;overflow-wrap:anywhere}
.admin-page .turno-principal .seleccionar-azul{background:#1066bd}
.admin-page .turno-principal .seleccionar-rojo{background:#be283c}
.admin-page .turno-principal button.seleccionado{outline:3px solid #e9c65c;outline-offset:2px}
.admin-page .turno-principal button:disabled{opacity:.35}
.admin-page .estado-turno .estado-equipo.atenuado{opacity:.38}
.admin-page .config-section summary{font-weight:800;color:#fff}
.admin-page .config-row input[type=text]{font-size:15px;color:#fff;font-weight:750}
.admin-page .admin-help{line-height:1.35}
@media(max-width:650px){.fin-tiempo-overlay{white-space:normal;font-size:clamp(25px,6.7vw,54px);width:88vw}.admin-page .turno-manual.turno-principal{grid-template-columns:1fr 1fr}.admin-page .turno-principal button{font-size:12px;min-height:64px}}
@media(max-height:640px){.pantalla-page .pregunta-box p{font-size:clamp(18px,2.3vw,30px)!important}.pantalla-page .respuesta-texto{font-size:clamp(16px,2.35vw,31px)!important}}