/* V136 — Evitar scrollbar interno en el cartel de capitanes.
   Toda la composición se ajusta a ventanas de escritorio habituales;
   en pantallas especialmente bajas, solo el fondo puede desplazarse. */
body > #betaCaptainAttentionNotice{
 overflow-y:auto!important;
 overflow-x:hidden!important;
 scrollbar-width:none!important;
 padding:8px!important;
}
body > #betaCaptainAttentionNotice::-webkit-scrollbar{display:none!important}
body > #betaCaptainAttentionNotice .v132-attention-panel{
 box-sizing:border-box!important;
 flex:0 1 auto!important;
 width:min(96%,980px)!important;
 max-height:none!important;
 overflow:visible!important;
 padding:clamp(16px,3vh,32px) clamp(18px,3vw,46px)!important;
}
body > #betaCaptainAttentionNotice h2{
 font-size:clamp(58px,min(11vw,15vh),115px)!important;
 margin:8px auto 4px!important;
}
body > #betaCaptainAttentionNotice p{
 font-size:clamp(18px,min(3vw,4.2vh),29px)!important;
 line-height:1.25!important;
 margin:8px auto!important;
}
body > #betaCaptainAttentionNotice .v132-attention-tip{
 font-size:clamp(12px,1.8vh,16px)!important;
 line-height:1.35!important;
 margin:10px auto!important;
}
body > #betaCaptainAttentionNotice .v132-attention-countdown{
 padding-top:10px!important;
 gap:3px!important;
}
body > #betaCaptainAttentionNotice #betaCaptainAttentionClock{
 font-size:clamp(95px,min(19vw,23vh),175px)!important;
 line-height:.78!important;
 padding:5px 0!important;
}
@media(max-height:590px){
 body > #betaCaptainAttentionNotice .v132-attention-panel{
  padding:12px 18px!important;
 }
 body > #betaCaptainAttentionNotice h2{font-size:clamp(50px,12vh,90px)!important}
 body > #betaCaptainAttentionNotice p{font-size:clamp(17px,3.8vh,24px)!important}
 body > #betaCaptainAttentionNotice #betaCaptainAttentionClock{
  font-size:clamp(78px,20vh,132px)!important
 }
}
@media(max-width:600px){
 body > #betaCaptainAttentionNotice h2{font-size:clamp(55px,13vw,90px)!important}
 body > #betaCaptainAttentionNotice #betaCaptainAttentionClock{
  font-size:clamp(86px,23vw,138px)!important
 }
}

/* Turno de capitanes: dos columnas compactas, sin secuencia e instrucciones
   duplicadas y sin perder el aviso al jugador que le toca elegir. */
#app #betaTab .beta-captain-shell:is(.is-blue-turn,.is-red-turn){
 padding:clamp(9px,1.4vw,14px)!important;
}
#app #betaTab .beta-captain-shell:is(.is-blue-turn,.is-red-turn) .beta-captain-title{
 gap:6px 16px!important;
}
#app #betaTab .beta-captain-shell:is(.is-blue-turn,.is-red-turn) .beta-captain-title h2{
 font-size:clamp(28px,3.2vw,40px)!important;
 margin:2px 0 0!important;
}
#app #betaTab .beta-captain-shell:is(.is-blue-turn,.is-red-turn) .beta-captain-title small{
 font-size:9px!important;
}
#app #betaTab .beta-captain-current.v136-compact-turn{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 flex-wrap:wrap!important;
 gap:8px 22px!important;
 min-height:0!important;
 padding:10px 15px!important;
 margin:8px 0 12px!important;
}
#app #betaTab .v136-current-summary{
 min-width:0!important;
 flex:1 1 190px!important;
 display:flex!important;
 flex-direction:column!important;
 gap:3px!important;
 align-items:flex-start!important;
}
#app #betaTab .v136-current-summary>span{
 font:900 10px/1.25 Manrope,Arial,sans-serif!important;
 color:#f3c5ac!important;
 letter-spacing:.035em!important;
}
#app #betaTab .v136-current-summary>strong{
 font:850 clamp(19px,2.3vw,27px)/1.15 Manrope,Arial,sans-serif!important;
 color:#fff!important;
 max-width:100%!important;
 overflow-wrap:anywhere!important;
}
#app #betaTab .v136-current-summary>small{
 font:800 10px/1.25 Manrope,Arial,sans-serif!important;
 color:#c6f9ea!important;
}
#app #betaTab .v136-compact-turn>#betaCaptainClock{
 flex:0 0 auto!important;
 font:700 clamp(34px,5vw,51px)/1 Teko,Impact,sans-serif!important;
 color:#fff!important;
 font-variant-numeric:tabular-nums!important;
 min-width:90px!important;
 text-align:center!important;
 margin-left:auto!important;
}
#app #betaTab .v136-compact-turn>#betaCaptainClock.v132-captain-urgent{
 color:#ff5147!important;
}
@media(max-width:480px){
 #app #betaTab .beta-captain-current.v136-compact-turn{padding:9px!important}
 #app #betaTab .v136-compact-turn>#betaCaptainClock{min-width:68px!important}
}

/* Draft: la etiqueta de BANEADO / PICKEADO siempre tiene un lugar
   reservado; las tarjetas no cambian de alto ni deforman otras filas. */
#app #betaTab .beta-draft-champion-grid{
 grid-auto-rows:108px!important;
 align-items:stretch!important;
}
#app #betaTab button.beta-draft-champion{
 box-sizing:border-box!important;
 position:relative!important;
 width:100%!important;
 height:108px!important;
 min-height:108px!important;
 max-height:108px!important;
 overflow:hidden!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:4px!important;
 padding:5px 3px 26px!important;
}
#app #betaTab button.beta-draft-champion img{
 flex:0 0 auto!important;
 object-fit:cover!important;
}
#app #betaTab button.beta-draft-champion>span{
 box-sizing:border-box!important;
 display:-webkit-box!important;
 -webkit-line-clamp:2!important;
 -webkit-box-orient:vertical!important;
 overflow:hidden!important;
 max-width:100%!important;
 min-height:22px!important;
 max-height:22px!important;
 text-align:center!important;
 font:800 9px/11px Manrope,Arial,sans-serif!important;
 overflow-wrap:anywhere!important;
}
#app #betaTab button.beta-draft-champion>small{
 position:absolute!important;
 left:2px!important;right:2px!important;bottom:3px!important;
 width:auto!important;
 height:20px!important;
 min-height:20px!important;
 max-height:20px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 padding:0 1px!important;
 margin:0!important;
 overflow:hidden!important;
 color:#f1d7c4!important;
 font:900 8px/10px Manrope,Arial,sans-serif!important;
 text-align:center!important;
 white-space:normal!important;
 overflow-wrap:anywhere!important;
}