/* V187 · Sorteo Online simple.
 * Una sola tarea por pantalla: entrar -> LISTO -> ver equipos -> carta.
 * Capa posterior a V174/V182/V185; no altera las RPC ni los datos. */
#app #v174ChaosBoard, #app #v174ChaosBoard * {box-sizing:border-box}
#app #v174ChaosBoard {
 padding:clamp(16px,2.2vw,27px)!important;
 border-radius:5px!important;
 background:linear-gradient(145deg,#102d3e,#0d2434)!important;
 border:1px solid #446c79!important;
 border-top:4px solid #8de9d3!important;
 box-shadow:none!important;
}
#app #v174ChaosBoard::before {display:none!important}
#app #v174ChaosBoard .v174-chaos-header {
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 align-items:center!important;
 gap:16px!important;
 min-height:0!important;
 padding:0!important;
 margin-bottom:16px!important;
}
#app #v174ChaosBoard .v174-chaos-header>div:first-child {
 max-width:750px!important;
 min-width:0!important;
 flex:initial!important;
}
#app #v174ChaosBoard .beta-overline {
 display:inline-block!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 color:#86d9cf!important;
 font:850 10px/1.4 Manrope,system-ui,sans-serif!important;
 letter-spacing:.09em!important;
}
#app #v174ChaosBoard .v174-chaos-header h2 {
 margin:5px 0 7px!important;
 font:700 clamp(37px,4vw,53px)/1 Teko,Impact,sans-serif!important;
 letter-spacing:.015em!important;
 color:#f3fcff!important;
}
#app #v174ChaosBoard .v174-chaos-header h2 em{color:#a7edda!important}
#app #v174ChaosBoard .v174-chaos-header p {
 margin:0!important;
 max-width:690px!important;
 color:#c5d9e1!important;
 font:600 12px/1.6 Manrope,system-ui,sans-serif!important;
}
#app #v174ChaosBoard .v174-chaos-header p b{color:#96e8d6!important}
#app #v174ChaosBoard .v182a-hero-mark{display:none!important}
#app #v174ChaosBoard .v174-action-buttons {
 display:flex!important;flex-direction:row!important;
 flex-wrap:wrap!important;
 justify-content:flex-end!important;
 align-items:center!important;
 width:auto!important;min-width:0!important;
 max-width:390px!important;
 padding:0!important;margin:0!important;
 gap:8px!important;
 flex:initial!important;
}
#app #v174ChaosBoard .v174-action-buttons button {
 display:inline-flex!important;align-items:center!important;
 justify-content:center!important;
 flex:0 1 auto!important;
 width:auto!important;
 min-width:132px!important;
 min-height:43px!important;
 padding:11px 16px!important;
 border-radius:5px!important;
 font:900 11px/1.2 Manrope,system-ui,sans-serif!important;
 letter-spacing:0!important;
 box-shadow:none!important;
 white-space:normal!important;
}
#app #v174ChaosBoard .v174-action-buttons button[hidden],
#app #v174ChaosBoard .v174-auth[hidden],
#app #v174ChaosBoard .v186-chaos-connection[hidden]{display:none!important}
#app #v174ChaosBoard .v174-action-buttons #v174Join,
#app #v174ChaosBoard .v174-action-buttons #v174Ready {
 background:#a2ead4!important;
 border:1px solid #a2ead4!important;
 color:#102f37!important;
}
#app #v174ChaosBoard .v174-action-buttons #v176OpenResult {
 background:#254858!important;
 color:#f5fffd!important;
 border:1px solid #6aa9a9!important;
}
#app #v174ChaosBoard .v174-action-buttons #v174Leave {
 background:#163344!important;
 color:#b8d0d7!important;
 border:1px solid #497184!important;
}
#app #v174ChaosBoard .v174-overview {
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 align-items:stretch!important;
 gap:8px!important;
 margin:13px 0!important;
 padding:0!important;
 background:transparent!important;
 border:0!important;
}
#app #v174ChaosBoard[data-phase="waiting"] .v174-overview,
#app #v174ChaosBoard[data-phase="countdown"] .v174-overview {
 grid-template-columns:repeat(3,minmax(0,1fr))!important
}
#app #v174ChaosBoard[data-phase="waiting"] .v174-overview>div:nth-child(3),
#app #v174ChaosBoard[data-phase="countdown"] .v174-overview>div:nth-child(3) {
 display:none!important
}
#app #v174ChaosBoard .v174-overview>div,
#app #v174ChaosBoard .v174-overview>strong {
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex-wrap:wrap!important;gap:7px!important;
 padding:12px 10px!important;
 min-width:0!important;
 min-height:54px!important;
 border:1px solid #31596c!important;
 border-radius:5px!important;
 background:#0b2535!important;
 color:#b9d4dd!important;
 font:850 10px/1.4 Manrope,system-ui,sans-serif!important;
 text-align:center!important;
}
#app #v174ChaosBoard .v174-overview strong {
 padding:0!important;min-height:0!important;
 margin:0!important;
 color:#a4ead7!important;
 border:0!important;
 background:none!important;
 font:700 25px/.9 Teko,Impact,sans-serif!important;
}
#app #v174ChaosBoard .v174-overview>#v174Phase {
 color:#eafdf6!important;
 font:850 11px/1.4 Manrope,system-ui,sans-serif!important
}
#app #v174ChaosBoard #v174Seconds:empty{display:none!important}
#app #v174ChaosBoard .v174-seats {
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:7px!important;
 padding:0!important;
 margin:13px 0!important;
 background:transparent!important;
}
#app #v174ChaosBoard .v174-seat {
 display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:center!important;
 gap:5px!important;
 min-height:75px!important;
 height:auto!important;
 padding:11px 12px!important;
 border:1px solid #345b6d!important;
 border-left:3px solid #426b79!important;
 border-top-width:1px!important;
 border-radius:4px!important;
 background:#132d3e!important;
 box-shadow:none!important;transform:none!important;
}
#app #v174ChaosBoard .v174-seat span {
 font:800 10px/1.25 Manrope,system-ui,sans-serif!important;
 color:#89b9c2!important;
}
#app #v174ChaosBoard .v174-seat b {
 max-width:100%!important;
 font:900 12px/1.4 Manrope,system-ui,sans-serif!important;
 color:#f3fcff!important;overflow-wrap:anywhere!important;
}
#app #v174ChaosBoard .v174-seat small {
 font:800 10px/1.3 Manrope,system-ui,sans-serif!important;
 margin:0!important;
 color:#9fbfc9!important;
}
#app #v174ChaosBoard .v174-seat.is-ready {
 border-left-color:#86edca!important;
 background:#173d44!important;
}
#app #v174ChaosBoard .v174-seat.is-bot {border-left-color:#ac9ac6!important}
#app #v174ChaosBoard .v174-beta-note {
 margin:10px 0 0!important;
 color:#92b4c1!important;
 font:500 10px/1.5 Manrope,system-ui,sans-serif!important;
}
#app #v174ChaosBoard #v182GlobalCatalog {
 margin-top:13px!important;
 border:0!important;
 border-radius:4px!important;
 background:transparent!important;
}
#app #v174ChaosBoard #v182GlobalCatalog>summary {
 display:flex!important;
 justify-content:flex-start!important;
 gap:8px!important;
 min-height:34px!important;
 padding:7px 0!important;
 background:transparent!important;
 border:0!important;
 color:#b9d3dd!important;
}
#app #v174ChaosBoard #v182GlobalCatalog>summary strong {
 font:900 10px/1.5 Manrope,system-ui,sans-serif!important;
 letter-spacing:.03em!important;
 color:#b9d9dd!important;
}
#app #v174ChaosBoard #v182GlobalCatalog>summary strong small{
 color:#7fabb5!important;font:750 9px Manrope,system-ui,sans-serif!important
}
#app #v174ChaosBoard #v182GlobalCatalog>summary span{
 font-size:13px!important;color:#8fcbbb!important
}
#app #v174ChaosBoard #v182GlobalCatalog:not([open])>:not(summary){display:none!important}
#app #v174ChaosBoard #v182GlobalCatalog>p {
 padding:10px 12px!important;margin:0!important;
 border:1px solid #315565!important;
 font:600 11px/1.5 Manrope,sans-serif!important;
}
/* El overlay usa UNA tarjeta revelada, como el sistema clásico. */
#v176CaosCurtain .v176-result-modal {
 border-radius:6px!important;
 box-shadow:0 22px 70px #0009!important;
}
#v176CaosCurtain .v176-result-modal-top{
 padding:12px 17px!important;
 min-height:65px!important;
}
#v176CaosCurtain .v178-director {
 display:flex!important;
 height:auto!important;min-height:0!important;
 max-height:none!important;
 padding:7px 12px!important;
 background:#102939!important;
}
#v176CaosCurtain .v178-director[hidden]{display:none!important}
#v176CaosCurtain .v178-director-main,
#v176CaosCurtain .v178-director-states,
#v176CaosCurtain .v178-director-text {
 display:none!important;
}
#v176CaosCurtain .v178-director-controls{
 display:flex!important;
 align-items:center!important;justify-content:center!important;
 flex-wrap:wrap!important;
 width:100%!important;
 gap:7px!important;
}
#v176CaosCurtain .v178-director-controls button{
 min-height:33px!important;
 padding:7px 10px!important;
 font:850 10px/1.2 Manrope,system-ui,sans-serif!important;
}
#v176CaosCurtain .v178-director-controls button[hidden]{display:none!important}
#v176CaosCurtain .v176-card-banner{
 display:flex!important;align-items:center!important;gap:12px!important;
 padding:10px 13px!important;margin:10px 0!important;
 border:1px solid #638a8d!important;
 border-left:4px solid #9ae6d4!important;
 border-radius:5px!important;
 background:#193947!important;
}
#v176CaosCurtain .v176-card-banner[hidden]{display:none!important}
#v176CaosCurtain .v176-card-banner>div {flex:1 1 auto!important;min-width:0}
#v176CaosCurtain .v176-card-banner>div small{
 font:850 9px/1.3 Manrope,system-ui,sans-serif!important;color:#b6dfd7!important
}
#v176CaosCurtain .v176-card-banner>div strong{
 display:block!important;
 font:700 24px/.97 Teko,Impact,sans-serif!important;
 color:#fff!important;
}
#v176CaosCurtain .v176-card-banner>div p {display:none!important}
#v176CaosCurtain .v176-card-banner button{
 min-height:38px!important;
 padding:9px 15px!important;
 border-radius:4px!important;
 background:#a3f0d5!important;
 color:#0f2d3a!important;
 font:950 10px/1.2 Manrope,sans-serif!important;
}
#v176CaosCurtain .v176-card-banner button[hidden]{display:none!important}
#v176CaosCurtain #v174Action {
 padding:clamp(16px,2.5vw,26px)!important;
 border-radius:6px!important;
 background:#142f40!important;
 border:1px solid #557e8c!important;
 border-top:3px solid #9de5d4!important;
 box-shadow:none!important;
}
#v176CaosCurtain #v174Action .v187-simple-choice{
 width:min(800px,100%)!important;
 margin:0 auto!important;
 display:flex!important;flex-direction:column!important;
 gap:11px!important;align-items:stretch!important;
}
#v176CaosCurtain #v174Action .v187-choice-label{
 color:#96e9d7!important;
 font:900 10px/1.35 Manrope,system-ui,sans-serif!important;
 letter-spacing:.075em!important;
}
#v176CaosCurtain #v174Action .v187-simple-choice h3{
 margin:0!important;
 font:700 clamp(34px,3.7vw,45px)/.98 Teko,Impact,sans-serif!important;
 color:#f8fffe!important;
}
#v176CaosCurtain #v174Action .v187-simple-choice>p{
 margin:0!important;
 font:600 12px/1.5 Manrope,system-ui,sans-serif!important;
 color:#b9d5dc!important;
}
#v176CaosCurtain #v174Action .v187-simple-choice .v174-strategies{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:9px!important;
 width:100%!important;
 margin:7px 0!important;
}
#v176CaosCurtain #v174Action .v174-strategies button.v187-choice{
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:flex-start!important;
 gap:9px!important;
 position:relative!important;
 width:100%!important;
 min-width:0!important;
 min-height:124px!important;
 max-height:none!important;
 margin:0!important;
 padding:15px!important;
 border:1px solid #507687!important;
 border-radius:5px!important;
 box-shadow:none!important;
 background:#1c394a!important;
 text-align:left!important;
 white-space:normal!important;
 transform:none!important;
}
#v176CaosCurtain #v174Action .v174-strategies button.v187-choice.is-selected{
 border:2px solid #9aebd4!important;
 background:#214f50!important;
 padding:14px!important;
}
#v176CaosCurtain #v174Action .v187-choice-icon{
 font-size:20px!important;
 line-height:1!important;
}
#v176CaosCurtain #v174Action .v187-choice-text{
 display:flex!important;flex-direction:column!important;gap:5px!important;
 max-width:100%!important;min-width:0!important;
}
#v176CaosCurtain #v174Action .v187-choice-text strong{
 color:#fff!important;
 font:700 27px/.9 Teko,Impact,sans-serif!important;
}
#v176CaosCurtain #v174Action .v187-choice-text small{
 font:600 11px/1.45 Manrope,system-ui,sans-serif!important;
 color:#c8dce3!important;overflow-wrap:anywhere!important;
}
#v176CaosCurtain #v174Action .v187-choice-check{
 position:absolute!important;right:11px!important;top:10px!important;
 color:#a0f0d8!important;
 font:900 18px/1 Manrope,sans-serif!important;
}
#v176CaosCurtain #v174Action .v187-confirm-choice{
 align-self:stretch!important;
 min-height:48px!important;
 padding:12px 18px!important;
 border:1px solid #a7efd7!important;
 background:#a7efd7!important;
 color:#102e38!important;
 border-radius:5px!important;
 font:950 12px/1.2 Manrope,system-ui,sans-serif!important;
}
#v176CaosCurtain #v174Action .v187-confirm-choice:disabled{
 border-color:#53717c!important;
 color:#91abb5!important;
 background:#264654!important;
 cursor:not-allowed!important;
}
#v176CaosCurtain #v174Action .v187-choice-tip{
 font:600 10px/1.5 Manrope,system-ui,sans-serif!important;
 color:#9fbec6!important;
 text-align:center!important;
}
#v176CaosCurtain #v178TeamCouncil{
 margin:9px 0!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
}
#v176CaosCurtain .v187-council-details{
 padding:0!important;
 border:1px solid #446c80!important;
 border-radius:5px!important;
 background:#0d2738!important;
}
#v176CaosCurtain .v187-council-details>summary{
 padding:11px 13px!important;
 cursor:pointer!important;
 font:850 11px/1.4 Manrope,system-ui,sans-serif!important;
 color:#d7f4f1!important;
 list-style:none!important;
}
#v176CaosCurtain .v187-council-details>summary::-webkit-details-marker{display:none}
#v176CaosCurtain .v187-council-details>summary small{
 font:800 9px/1.3 Manrope,sans-serif!important;color:#9bc7d1!important;
}
#v176CaosCurtain .v187-council-details>p{
 padding:0 13px!important;
 font:600 11px/1.45 Manrope,sans-serif!important;color:#b6d1dc!important
}
#v176CaosCurtain .v187-council-details .v178-council-buttons {
 padding:10px 13px 13px!important;
}
/* El paso para usar la carta es único, con opción de deshacer antes de confirmar. */
#v176CaosCurtain #v174Action .v179-target-grid{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:8px!important;
}
#v176CaosCurtain #v174Action .v177-power-controls {
 display:flex!important;flex-wrap:wrap!important;gap:9px!important;
 margin-top:13px!important
}
#v176CaosCurtain #v174Action #v174SubmitTarget{
 background:#a6ebd5!important;color:#123340!important;
 border:1px solid #a6ebd5!important;min-height:43px!important;
 border-radius:4px!important;
}
#v176CaosCurtain #v174Action #v174SubmitTarget:disabled{
 background:#284957!important;color:#99b4c1!important;
 border-color:#496d80!important;
}
@media(max-width:900px) {
 #app #v174ChaosBoard .v174-seats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important
 }
 #app #v174ChaosBoard .v174-action-buttons{
  max-width:300px!important
 }
 #v176CaosCurtain #v174Action .v179-target-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important
 }
}
@media(max-width:650px){
 #app #v174ChaosBoard .v174-chaos-header{
  grid-template-columns:1fr!important;
  align-items:start!important;
 }
 #app #v174ChaosBoard .v174-chaos-header h2{font-size:39px!important}
 #app #v174ChaosBoard .v174-chaos-header p{font-size:11px!important}
 #app #v174ChaosBoard .v174-action-buttons{
  max-width:100%!important;width:100%!important;
  justify-content:stretch!important
 }
 #app #v174ChaosBoard .v174-action-buttons button{
  flex:1 1 150px!important;min-width:0!important
 }
 #app #v174ChaosBoard .v174-overview{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 #app #v174ChaosBoard[data-phase="waiting"] .v174-overview,
 #app #v174ChaosBoard[data-phase="countdown"] .v174-overview{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 #app #v174ChaosBoard .v174-overview>#v174Phase{
  grid-column:1/-1!important
 }
 #app #v174ChaosBoard .v174-seats{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 #app #v174ChaosBoard .v174-seat{
  min-height:70px!important;padding:10px!important
 }
 #v176CaosCurtain .v178-director{
  max-height:none!important;
  height:auto!important;
  min-height:0!important;
  padding:5px!important;
  flex-basis:auto!important;
 }
 #v176CaosCurtain .v176-result-modal-top{min-height:59px!important}
 #v176CaosCurtain #v174Action .v187-simple-choice .v174-strategies{
  grid-template-columns:1fr!important;
  gap:7px!important;
 }
 #v176CaosCurtain #v174Action .v174-strategies button.v187-choice{
  min-height:74px!important;
  padding:10px 12px!important;
  flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;
 }
 #v176CaosCurtain #v174Action .v187-choice-text strong{
  font-size:24px!important
 }
 #v176CaosCurtain #v174Action .v187-choice-text small{font-size:10px!important}
 #v176CaosCurtain #v174Action .v187-choice-check{
  position:static!important;margin-left:auto!important
 }
 #v176CaosCurtain #v174Action .v179-target-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 #v176CaosCurtain .v176-card-banner{
  flex-wrap:wrap!important
 }
 #v176CaosCurtain .v176-card-banner button{
  flex:1 1 auto!important
 }
}