/* V125 · Ajustes visuales de torneos, draft, sorteos y Discord */

/* 1 · Cuando no hay información nueva, el renglón de estado no ocupa lugar. */
#app #betaTab #betaFeedback:empty{display:none!important;padding:0!important;margin:0!important;min-height:0!important}
#app #betaTab .beta-entry{margin-top:12px!important}

/* 2 · Diálogo fuera del contenedor transformado; centro real de la ventana. */
body > #betaCreateOverlay[hidden]{display:none!important}
body > #betaCreateOverlay{
 position:fixed!important;inset:0!important;z-index:2147483500!important;
 width:100vw!important;height:100vh!important;height:100dvh!important;
 margin:0!important;padding:20px!important;box-sizing:border-box!important;
 overflow:auto!important;background:rgba(2,11,19,.88)!important;
 display:flex!important;justify-content:center!important;align-items:center!important;
 transform:none!important;filter:none!important;
}
body > #betaCreateOverlay .beta-create-dialog{
 flex:0 1 470px!important;display:grid!important;gap:16px!important;
 max-width:min(470px,100%)!important;min-width:0!important;width:100%!important;
 max-height:calc(100dvh - 40px)!important;overflow:auto!important;
 background:#102e3e!important;border:1px solid #9adacb!important;
 padding:clamp(20px,3vw,32px)!important;margin:auto!important;
 box-sizing:border-box!important;box-shadow:0 25px 70px #000c!important;
 position:relative!important;top:auto!important;left:auto!important;
 transform:none!important;
}
body > #betaCreateOverlay .beta-create-dialog h2{
 font:800 40px/1 Teko,Arial,sans-serif;color:#fff;margin:0;
}
body > #betaCreateOverlay .beta-create-dialog p{
 color:#b8d6dc;font:600 12px/1.6 Manrope,Arial,sans-serif;margin:0;
}
body > #betaCreateOverlay .beta-create-dialog label{
 display:grid!important;gap:9px;font-size:11px;font-weight:800;color:#b5e9d9;
}
body > #betaCreateOverlay .beta-create-dialog input{
 width:100%!important;box-sizing:border-box!important;padding:14px!important;
 background:#09222f;color:#fff;border:1px solid #79a9ae!important;
}
body > #betaCreateOverlay .beta-create-dialog-actions{
 display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;
}
body > #betaCreateOverlay .beta-create-dialog-actions button{
 min-height:44px;padding:10px 17px;cursor:pointer;
}

/* 3 · Candidatos del armado de equipos con foto y texto separados. */
#app #betaTab .beta-captain-options .v125-captain-candidate{
 display:flex!important;align-items:center!important;gap:12px!important;
 text-align:left!important;min-height:65px!important;
 padding:9px 13px!important;border-radius:7px!important;
}
#app #betaTab .v125-captain-candidate .v5-discord-avatar{
 --v5-avatar-size:42px;flex:0 0 42px!important;border-color:#83d9ce;
}
#app #betaTab .v125-captain-candidate > span:not(.v5-discord-avatar){
 display:grid;gap:3px;flex:1;min-width:0;
}
#app #betaTab .v125-captain-candidate strong{font-size:13px;overflow-wrap:anywhere}
#app #betaTab .v125-captain-candidate small{font-size:10px;opacity:.75}
#app #betaTab .v125-captain-select-arrow{flex:0 0 auto!important;font-size:22px;color:#aee9d9}

/* 4 · En draft el icono de campeón y la cara de Discord NO se superponen. */
#app #betaTab .beta-draft-slot{display:flex;gap:9px;align-items:center;min-width:0}
#app #betaTab .v125-draft-champ-frame{
 width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;
 overflow:hidden;background:#0d2732;border:1px solid #486d77;border-radius:5px;
}
#app #betaTab .v125-draft-champ-frame > img{
 display:block!important;width:100%!important;height:100%!important;
 object-fit:cover!important;border:0!important;border-radius:4px;
}
#app #betaTab .v125-draft-champ-frame > .beta-slot-placeholder{
 width:100%!important;height:100%!important;border:0!important;
}
#app #betaTab .v125-draft-player-frame{
 width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;
}
#app #betaTab .v125-draft-player-frame .v5-discord-avatar{
 --v5-avatar-size:38px;width:38px!important;height:38px!important;
 flex:0 0 38px!important;border-radius:50%!important;overflow:hidden;
}
#app #betaTab .v125-draft-player-frame .v5-discord-avatar img{
 width:100%!important;height:100%!important;object-fit:cover!important;
 border:0!important;border-radius:50%!important;inset:0!important;
 position:absolute!important;
}
#app #betaTab .beta-draft-slot > div:not(.v125-draft-champ-frame){min-width:0}
#app #betaTab .beta-draft-slot strong{overflow-wrap:anywhere}

/* 5 · Mensaje de partida y espera destacado en TODO el centro del draft. */
#app #betaTab .beta-draft-shell.is-complete-turn .beta-draft-composition{
 grid-template-columns:minmax(175px,1fr) minmax(390px,2.5fr) minmax(175px,1fr)!important;
 align-items:stretch!important;
}
#app #betaTab .beta-draft-shell.is-complete-turn .beta-draft-center{
 display:flex!important;align-items:stretch!important;min-width:0!important;
}
#app #betaTab .v125-match-start-stage{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;min-height:clamp(410px,58vh,650px)!important;
 margin:0!important;padding:clamp(22px,3vw,50px)!important;
 box-sizing:border-box!important;
 background:radial-gradient(ellipse at 50% 35%,#245565 0%,#102d3e 65%,#0d2735 100%)!important;
 border:2px solid #79ccc3!important;box-shadow:inset 0 0 65px #72d6c01a!important;
 text-align:center!important;
}
#app #betaTab .v125-match-stage-content{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:24px!important;
 max-width:100%!important;min-width:0!important;
}
#app #betaTab .v125-match-stage-kicker{
 font:900 clamp(19px,2.2vw,31px)/1.1 Teko,Arial,sans-serif!important;
 letter-spacing:.08em!important;color:#f3c993!important;
}
#app #betaTab .v125-match-start-stage #betaMatchNotice{
 font:900 clamp(39px,4.3vw,78px)/1.05 Teko,Arial,sans-serif!important;
 letter-spacing:.02em!important;color:#d1fff0!important;
 text-shadow:0 2px 22px #57d6b68a!important;
 max-width:780px!important;overflow-wrap:normal!important;
 margin:0!important;
}
#app #betaTab .v125-match-start-stage.is-awaiting-winner{
 border-color:#eab47d!important;
 background:radial-gradient(ellipse at center,#433f37 0%,#122d39 70%)!important;
}
#app #betaTab .v125-match-start-stage.is-awaiting-winner #betaMatchNotice{color:#ffdda9!important}
#app #betaTab .v125-match-stage-footer{
 font:800 11px/1.5 Manrope,Arial,sans-serif;color:#a8c7cf;letter-spacing:.1em;
}

/* 7 · No hay renglón de reglas dentro del resultado. */
#resultCurtain #matchNote[hidden]{display:none!important}

/* 8 · Los dos estados usan exactamente dos renglones de título. */
#resultCurtain .result-modal-top h2 em,
#resultCurtain .result-assembling-content strong em{
 display:block!important;font-style:normal;
}
#resultCurtain .result-modal-top h2{
 line-height:.95!important;max-width:550px;
}

/* 9 y 10 · Si ya se publicó, el estado reemplaza al botón. */
#resultCurtain #copy[hidden]{display:none!important}
#resultCurtain #discordSendStatus:not(:empty){
 background:#123d39;border:1px solid #66cdb1;border-radius:5px;
 padding:9px 13px;color:#bdf6e2;font-size:12px;font-weight:800;
}

@media(max-width:1000px){
 #app #betaTab .beta-draft-shell.is-complete-turn .beta-draft-composition{
  grid-template-columns:1fr!important;
 }
 #app #betaTab .v125-match-start-stage{min-height:360px!important}
 #app #betaTab .v125-match-start-stage #betaMatchNotice{font-size:clamp(34px,8vw,62px)!important}
}
@media(max-width:620px){
 body > #betaCreateOverlay{padding:12px!important}
 #app #betaTab .v125-captain-candidate .v5-discord-avatar{--v5-avatar-size:36px;flex-basis:36px!important}
}