/* V89 · Capitanes, confirmación LISTO y carga MANUAL/REPLAY. */
/* Durante la elección, el capitán activo tiene su equipo destacado. */
#app #betaTab .beta-captain-shell:is(.is-blue-turn,.is-red-turn) .beta-captain-team:not(.is-choosing){
 opacity:.58;filter:saturate(.7);transition:opacity .2s
}
#app #betaTab .beta-captain-team.is-choosing{
 position:relative;opacity:1!important;filter:none!important;
 box-shadow:0 0 0 3px rgba(255,214,139,.75),0 0 25px rgba(255,214,139,.18)!important
}
#app #betaTab .beta-captain-team.is-choosing:before{
 display:block;content:"● TURNO DEL CAPITÁN";
 padding:9px 12px;margin:0 0 9px;
 background:#345a66;color:#f4f9f8;text-align:center;
 font:900 11px/1.4 Manrope,sans-serif;letter-spacing:.065em
}
#app #betaTab .beta-captain-team.is-blue.is-choosing:before{
 content:"● ELIGE EL CAPITÁN AZUL";background:#165a76;color:#ddf6ff
}
#app #betaTab .beta-captain-team.is-red.is-choosing:before{
 content:"● ELIGE EL CAPITÁN ROJO";background:#713746;color:#ffe1e3
}
#app #betaTab .beta-captain-shell.is-blue-turn .beta-captain-current{
 border:2px solid #64bfee!important;background:#153b55!important
}
#app #betaTab .beta-captain-shell.is-red-turn .beta-captain-current{
 border:2px solid #ee858f!important;background:#563347!important
}
#app #betaTab .beta-captain-current>strong{
 font-size:clamp(19px,2vw,27px)!important;letter-spacing:.03em!important
}
#app #betaTab .beta-captain-shell:is(.is-blue-turn,.is-red-turn)
 .beta-captain-current>small{color:#c8fff1!important}
#app #betaTab .beta-captain-options>h3{font-size:14px!important}
#app #betaTab .beta-captain-ready-status{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0;
}
#app #betaTab .beta-captain-ready-status>div{
 display:flex;align-items:center;justify-content:space-between;gap:9px;
 padding:11px 13px;background:#182f3b;border:1px solid #57727d;
 font:900 11px Manrope,sans-serif;min-width:0
}
#app #betaTab .beta-captain-ready-status>div.is-ready{
 background:#164f49;border-color:#73d2ae;color:#bffae8
}
#app #betaTab .beta-captain-ready-status>div.is-pending{color:#e4c2b1}
#app #betaTab .beta-captain-ready-status>div strong{font-size:11px!important}
#app #betaTab .beta-captain-ready-status>div span{
 text-transform:uppercase;white-space:nowrap;font-size:10px
}
#app #betaTab .beta-captain-team.is-roles-done{
 border:2px solid #82e2bf!important;box-shadow:inset 0 0 20px #57ba9c1a
}
#app #betaTab .beta-captain-team.is-roles-done .beta-captain-live{
 color:#a2ffd8!important;font-size:11px!important
}
#app #betaTab .beta-captain-submit-roles{
 min-height:47px!important;background:#9be8ce!important;
 color:#082f36!important;font:900 13px Manrope,sans-serif!important
}
#app #betaTab .beta-captain-submit-roles:disabled{
 background:#234252!important;color:#91adb0!important;
 border-color:#57717a!important;opacity:.65!important;cursor:not-allowed
}
#app #betaTab .beta-captain-roles-hint{
 display:block;margin-top:7px;color:#a8bdc3;font:750 10px/1.5 Manrope,sans-serif
}
#app #betaTab .beta-captain-admin-launch{
 position:sticky;top:0;z-index:15;
 display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
 padding:13px 15px;margin:12px 0;background:#0c3e46;
 border:2px solid #83dbc2;box-shadow:0 9px 22px #0007
}
#app #betaTab .beta-captain-admin-launch>span{
 color:#b6f9df;font:900 11px Manrope,sans-serif;letter-spacing:.07em
}
#app #betaTab .beta-captain-admin-launch>button{
 min-width:min(100%,305px);min-height:52px!important;flex:1 1 245px;
 font:900 13px Manrope,sans-serif!important;background:#a6f7dd!important;color:#06303a!important
}
#app #betaTab .beta-captain-admin-launch>button:disabled{
 background:#284a50!important;color:#b1cbd0!important;
 border:1px solid #6b9297!important;opacity:1!important;cursor:not-allowed
}

/* Resultado del game: dos rutas visibles, sin confundir marcador con estadísticas. */
#app #betaTab .beta-series-methods{
 display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;
 margin:4px 0 6px;align-items:stretch
}
#app #betaTab .beta-series-methods button{
 padding:13px 10px!important;min-height:49px;cursor:pointer;
 font:900 11px Manrope,sans-serif!important;letter-spacing:.04em;
 border:1px solid #69858c!important;background:#123240!important;color:#b5d6d6!important
}
#app #betaTab .beta-series-methods button.is-selected{
 background:#235c62!important;color:#c6fff0!important;
 border:2px solid #95e5d2!important;box-shadow:inset 0 -3px #95e5d2
}
#app #betaTab .beta-series-manual,
#app #betaTab .beta-series-by-id{display:grid;gap:11px;min-width:0}
#app #betaTab .beta-series-manual label{
 display:grid;gap:7px;color:#e7b89c;font:900 11px Manrope,sans-serif
}
#app #betaTab .beta-series-manual select{
 display:block;width:100%;min-height:47px;max-width:500px;
 border:1px solid #8dabb0;background:#0b2e3c;color:#edf9f5;
 font:800 12px Manrope,sans-serif;padding:12px 13px
}
#app #betaTab .beta-series-manual small{color:#a9c6c7;font-size:10px}
#app #betaTab .beta-series-manual>button{
 background:#efbb97!important;color:#17313b!important;
 min-height:48px!important;font:900 12px Manrope,sans-serif!important
}
#app #betaTab .beta-series-id-search{
 display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;min-width:0
}
#app #betaTab .beta-series-id-search>input{
 flex:1 1 170px;min-width:0;min-height:43px
}
#app #betaTab .beta-series-id-search>button{
 flex:0 0 auto;min-height:43px;padding:10px 17px!important;
 background:#1a5a62!important;border:1px solid #9ce6d1!important;
 color:#d9ffef!important;font:900 11px Manrope,sans-serif
}
#app #betaTab .beta-series-replay{
 border:2px solid #9bd8c2!important;background:#183a45!important
}
#app #betaTab .beta-series-replay>strong{font-size:13px!important}
@media(max-width:690px){
 #app #betaTab .beta-captain-admin-launch{position:static;flex-direction:column;align-items:stretch}
 #app #betaTab .beta-captain-ready-status{grid-template-columns:1fr}
 #app #betaTab .beta-series-methods{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
 #app #betaTab .beta-captain-team.is-choosing{transition:none!important}
}

/* V90 · Restricciones visibles en la grilla, sin quitar campeones del buscador. */
#app #betaTab .beta-draft-champion.is-restricted,
#app #betaTab .beta-draft-champion.is-restricted:disabled{
 opacity:.65!important;cursor:not-allowed!important;pointer-events:none!important;
 border-color:#57626b!important;background:#1e2830!important;
 box-shadow:none!important;color:#a1a8ad!important
}
#app #betaTab .beta-draft-champion.is-restricted img{filter:grayscale(1)!important;opacity:.7}
#app #betaTab .beta-draft-champion.is-restricted small{
 display:block;font-size:9px;line-height:1.2;color:#bfc4c8;font-weight:800
}
/* Sólo destacar el equipo propio cuando le toca: el lado rival queda neutro. */
#app #betaTab .beta-draft-shell.is-waiting-turn .beta-draft-side,
#app #betaTab .beta-draft-shell.is-waiting-turn .beta-draft-team{box-shadow:none!important}

/* V90 · Etapa individual de roles y transición automática al draft. */
#app #betaTab .beta-captain-countdown{
 font-family:Teko,Manrope,sans-serif;font-size:42px;line-height:1;
 color:#f0caa7;font-weight:700;letter-spacing:.04em
}
#app #betaTab .beta-captain-team .beta-captain-role-control select{
 cursor:pointer;min-width:110px
}
#app #betaTab .beta-draft-final-stage{
 min-height:210px;display:flex;justify-content:center;align-items:center;
 text-align:center;padding:20px
}
#app #betaTab .beta-draft-final-stage>div{width:100%;display:grid;justify-items:center;gap:6px}
#app #betaTab .beta-draft-final-stage .beta-draft-swap-bigclock{
 font-family:Teko,Manrope,sans-serif;font-size:clamp(55px,7vw,100px);
 line-height:1;color:#eef7f2
}
#app #betaTab .beta-draft-final-stage .beta-draft-swap-arrow{
 margin-top:13px;color:#e8bc92;font-weight:900;font-size:13px;
 letter-spacing:.06em
}
#app #betaTab .beta-draft-final-stage h3{font-size:clamp(22px,3vw,34px);color:#c7f5dc}

/* V90 · Espera sin destacar el turno del rival. */
#app #betaTab .beta-draft-turn.is-neutral{
 background:#1a2933!important;border-color:#465867!important;
 box-shadow:none!important;color:#e0e6e8!important
}
#app #betaTab .beta-draft-turn.is-neutral *{
 text-shadow:none!important;filter:none!important
}

/* V90 · El panel de los 30 segundos ocupa toda la columna central.
   La altura nace de los dos laterales; el aviso de intercambio se ancla abajo. */
@container (min-width:981px){
 #app #betaTab .beta-draft-composition:has(.beta-draft-swap-bigclock){
  align-items:stretch!important;
 }
 #app #betaTab .beta-draft-composition:has(.beta-draft-swap-bigclock) .beta-draft-center{
  align-self:stretch!important;height:100%;min-height:0;
 }
 #app #betaTab .beta-draft-center .beta-draft-final-stage:has(.beta-draft-swap-bigclock){
  position:relative!important;top:auto!important;z-index:auto!important;
  flex:1 1 auto!important;height:100%!important;min-height:100%!important;
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  justify-content:stretch!important;padding:20px 16px!important;
 }
 #app #betaTab .beta-draft-final-stage:has(.beta-draft-swap-bigclock)>div{
  flex:1 1 auto!important;min-height:100%;
  display:flex!important;flex-direction:column!important;align-items:center;
  justify-content:flex-start!important;gap:10px!important;
 }
 #app #betaTab .beta-draft-final-stage:has(.beta-draft-swap-bigclock) .beta-draft-swap-arrow{
  margin-top:auto!important;padding:16px 0 7px!important;
 }
}
/* En diseños apilados no forzar la altura de los laterales ni generar espacio artificial. */

/* V90 · Regla universal de altura para el espacio ENTRE LOS DOS EQUIPOS.
   Incluye turnos de selección/baneo, 30 segundos de intercambio y DRAFT CONFIRMADO. */
@container (min-width:981px){
 #app #betaTab .beta-draft-composition{
  align-items:stretch!important;
 }
 #app #betaTab .beta-draft-composition > .beta-draft-center{
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
 }
 /* En un turno activo hay cabecera y buscador: el buscador llena el resto
    en vez de estirar artificialmente el contador del turno. */
 #app #betaTab .beta-draft-center:has(.beta-draft-picker) .beta-draft-picker{
  flex:1 1 auto!important;
 }
 /* Cuando ya no hay buscador, el propio cuadrante ocupa toda la columna. */
 #app #betaTab .beta-draft-center > .beta-draft-turn.complete{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  flex:1 1 auto!important;
  height:100%!important;
  min-height:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
 }
 #app #betaTab .beta-draft-center > .beta-draft-final-stage.complete > div{
  flex:1 1 auto!important;
  min-height:100%!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  box-sizing:border-box!important;
 }
 /* Intercambio: información arriba y flecha abajo, hacia los controles. */
 #app #betaTab .beta-draft-center > .beta-draft-final-stage:has(.beta-draft-swap-bigclock) > div{
  justify-content:flex-start!important;
 }
 #app #betaTab .beta-draft-center > .beta-draft-final-stage:has(.beta-draft-swap-bigclock) .beta-draft-swap-arrow{
  margin-top:auto!important;
  padding-bottom:8px!important;
 }
}
/* En pantallas angostas los equipos se apilan: usar altura natural. */
@container (max-width:980px){
 #app #betaTab .beta-draft-center > .beta-draft-turn.complete{
  height:auto!important;
  min-height:210px!important;
 }
 #app #betaTab .beta-draft-center > .beta-draft-final-stage.complete > div{
  min-height:0!important;
 }
}

/* V91 · Acceso BETA, sugerencias y registro de identidad. */
#app #betaTab .beta-entry-card .beta-field{position:relative}
#app #betaTab .beta-join-suggestions{
 position:absolute;z-index:45;top:100%;left:0;right:0;
 max-height:295px;overflow-y:auto;background:#0b2936;
 border:1px solid #91d8ca;box-shadow:0 16px 30px #0009
}
#app #betaTab .beta-join-suggestions[hidden]{display:none!important}
#app #betaTab .beta-join-suggestions button{
 display:grid!important;gap:4px!important;width:100%;text-align:left;
 padding:11px 12px!important;border:0!important;border-bottom:1px solid #325564!important;
 background:transparent!important;color:#effff8!important
}
#app #betaTab .beta-join-suggestions button.selected,
#app #betaTab .beta-join-suggestions button:hover{
 background:#215a63!important
}
#app #betaTab .beta-join-suggestions b{font-size:12px}
#app #betaTab .beta-join-suggestions small{font-size:10px;color:#b8d9d6;overflow-wrap:anywhere}
#app #betaTab .beta-new-player-overlay[hidden]{display:none!important}
#app #betaTab .beta-new-player-overlay{
 position:fixed;inset:0;z-index:100400;padding:18px;
 background:#03111bdf;display:grid;place-items:center;overflow-y:auto
}
#app #betaTab .beta-new-player-panel{
 width:min(95vw,520px);background:#102f3e;border:1px solid #97d8c8;
 padding:clamp(19px,3vw,32px);color:#eafaf5;box-shadow:0 20px 60px #000b
}
#app #betaTab .beta-new-player-panel h2{font:700 35px/1 Teko,sans-serif;margin:10px 0}
#app #betaTab .beta-new-player-panel p{font:600 12px/1.6 Manrope,sans-serif;color:#bcd8d8}
#app #betaTab .beta-new-player-panel form{display:grid;gap:12px;margin-top:20px}
#app #betaTab .beta-new-player-panel label{font:800 11px Manrope,sans-serif;color:#b6e0d9}
#app #betaTab .beta-new-player-panel input{
 width:100%;min-width:0;box-sizing:border-box;min-height:44px;
 padding:10px!important;background:#071f2c!important;
 border:1px solid #5f9298!important;color:#fff!important
}
#app #betaTab .beta-riot-id-fields{
 display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,.7fr);
 gap:6px;align-items:center
}
#app #betaTab .beta-riot-id-fields span{text-align:center;color:#a9e7d9;font-size:24px;font-weight:900}
#app #betaTab .beta-new-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
#app #betaTab .beta-new-player-panel small{color:#9dc8c4}
#app #adminTab .beta-pending-admin{
 background:#112f3c;border:1px solid #50777f;border-top:3px solid #88d8ca;
 margin:17px 0;padding:20px;min-width:0
}
#app #adminTab .beta-pending-admin-head{
 display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap
}
#app #adminTab .beta-pending-admin h2{font:700 29px/1 Teko,sans-serif;color:white;margin:8px 0}
#app #adminTab .beta-pending-admin p{font-size:12px;color:#b4d6d6}
#app #adminTab .beta-pending-admin-auth{display:flex;gap:9px;flex-wrap:wrap}
#app #adminTab .beta-pending-admin-auth input{
 min-height:43px;background:#092533;color:#fff;border:1px solid #618b96;padding:9px
}
#app #adminTab .beta-pending-admin button{
 background:#214d5a;color:#f1fcf6;border:1px solid #77acaa;
 padding:10px 14px;font:800 11px Manrope,sans-serif;cursor:pointer
}
#app #adminTab #betaPendingList{display:grid;gap:9px;margin-top:12px}
#app #adminTab .beta-pending-item{
 display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;
 align-items:center;padding:13px;border:1px solid #446b75;background:#0a2735
}
#app #adminTab .beta-pending-item>div:first-child{display:grid;gap:4px}
#app #adminTab .beta-pending-item strong{font-size:15px;color:#f8fff9}
#app #adminTab .beta-pending-item small{font-size:11px;color:#b5dad7}
#app #adminTab .beta-pending-actions{display:flex;gap:8px;flex-wrap:wrap}
#app #adminTab .beta-pending-actions .is-approve{border-color:#83d9af;background:#1c6158}
#app #adminTab .beta-pending-actions .is-reject{border-color:#e3a09b;background:#5d3036}

/* V94 · Configuración completa de torneos visible en sala de espera. */
#app #betaTab .beta-draft-mode-settings label:has(#betaSeriesSetupBestOf),
#app #betaTab .beta-draft-mode-settings label:has(#betaSeriesSetupBanMode){
 flex:1 1 190px;display:flex;flex-direction:column;align-items:stretch;gap:7px;
}
#app #betaTab #betaSeriesSetupBestOf,
#app #betaTab #betaSeriesSetupBanMode{width:100%;min-width:0}
#app #betaTab .beta-draft-champion.is-restricted small{
 display:block!important;font-size:9px!important;line-height:1.2!important;
 font-weight:900!important;letter-spacing:.015em!important;white-space:normal!important;
 color:#f1d7c4!important;overflow-wrap:anywhere!important;
}