/* V179 · CAOS 2.0 — Corrección de desplazamiento y selección de objetivos.
   Una sola zona de scroll independiente del body, sin secuestrar la ruedita.
*/
#v176CaosCurtain{
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:12px!important;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
#v176CaosCurtain[hidden]{display:none!important}
#v176CaosCurtain .v176-result-modal{
  display:flex!important;
  flex-direction:column!important;
  height:calc(100dvh - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  width:min(1320px,100%)!important;
  margin:auto!important;
  padding:0!important;
  min-height:0!important;
  overflow:hidden!important;
  isolation:isolate;
}
#v176CaosCurtain .v176-result-modal-top{
  flex:0 0 auto!important;
  padding:12px clamp(12px,2vw,23px)!important;
}
#v176CaosCurtain .v176-result-title h2{
  font-size:clamp(22px,2.7vw,33px)!important;
  margin:4px 0!important;
}
#v176CaosCurtain .v178-director{
  flex:0 0 auto!important;
  padding:8px clamp(11px,2vw,20px)!important;
  max-height:33dvh;
  overflow-y:auto!important;
  scrollbar-width:thin;
}
#v176CaosCurtain .v178-director-states span{padding:6px 3px!important}
#v176CaosCurtain #v177ResultMount{
  flex:1 1 0%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:auto;
  scrollbar-color:#9bd9d3 #102a36;
  padding:16px clamp(12px,2vw,22px) 28px!important;
  scroll-behavior:smooth;
  scroll-padding-top:18px;
}
#v176CaosCurtain #v177ResultMount::-webkit-scrollbar,
#v176CaosCurtain .v176-card-focus::-webkit-scrollbar{width:12px}
#v176CaosCurtain #v177ResultMount::-webkit-scrollbar-track,
#v176CaosCurtain .v176-card-focus::-webkit-scrollbar-track{background:#0c2837}
#v176CaosCurtain #v177ResultMount::-webkit-scrollbar-thumb,
#v176CaosCurtain .v176-card-focus::-webkit-scrollbar-thumb{
  background:#75b9b6;border:2px solid #0c2837;border-radius:9px
}
#v176CaosCurtain #v174Action{scroll-margin-top:24px}
#v176CaosCurtain .v176-card-focus{
  position:absolute!important;
  inset:0!important;
  max-height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y!important;
  padding:55px 20px 26px!important;
}
#v176CaosCurtain .v176-card-focus[hidden],
#v176CaosCurtain #v176CardFocusBody[hidden],
#v176CaosCurtain #v177CardSuspense[hidden]{display:none!important}
#v176CaosCurtain .v176-card-focus-body,
#v176CaosCurtain .v177-card-suspense{
  margin:auto 0!important;
  flex:0 0 auto!important;
  max-width:100%!important;
}
#v176CaosCurtain .v176-focus-close{
  position:sticky!important;
  top:0!important;
  align-self:flex-start!important;
  margin-left:-42px!important;
  flex:0 0 auto!important;
}
#v176CaosCurtain .v179-step-guide{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  padding:10px;margin:9px 0 15px;background:#0b2533;
  border:1px solid #507a81
}
#v176CaosCurtain .v179-step-guide>div{
  padding:10px;border:1px solid #426371;background:#173541;min-width:0
}
#v176CaosCurtain .v179-step-guide b{display:block;font:900 11px Inter,sans-serif;color:#a8e8d9}
#v176CaosCurtain .v179-step-guide span{display:block;margin-top:6px;font:11px/1.45 Inter,sans-serif;color:#c0d8de}
#v176CaosCurtain .v179-strategy-info{
  margin:14px 0;padding:13px 15px;background:#102b3c;
  border-left:4px solid #ccade3;
}
#v176CaosCurtain .v179-strategy-info h4{font:900 12px Inter,sans-serif;color:#e9d4f6;margin:0 0 8px}
#v176CaosCurtain .v179-strategy-info p{font:11px/1.65 Inter,sans-serif;color:#c9d8e0;margin:6px 0}
#v176CaosCurtain .v179-strategy-info strong{color:#fff}
#v176CaosCurtain .v179-target-instructions{
  margin:15px 0;padding:13px 16px;background:#234256;
  border-left:4px solid #90e4d2;
  color:#d4eeeb;font:12px/1.6 Inter,sans-serif
}
#v176CaosCurtain .v179-target-instructions b{color:#fff}
#v176CaosCurtain .v179-target-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;
  margin:18px 0 12px
}
#v176CaosCurtain #v174Action .v179-target-card{
  display:grid;grid-template-rows:auto auto auto auto;justify-items:center;
  align-content:start;gap:8px;min-width:0;min-height:178px;
  background:#163848;border:2px solid #4f7c89;padding:13px 7px;
  color:#ecf9f7;text-align:center;transition:transform .18s,border-color .18s,background .18s;
  cursor:pointer;position:relative
}
#v176CaosCurtain #v174Action .v179-target-card:hover{
  background:#23546a;border-color:#a7e6dc;transform:translateY(-2px)
}
#v176CaosCurtain #v174Action .v179-target-card.is-selected{
  background:#245b55;border-color:#a8f3cc;
  box-shadow:inset 0 0 0 1px #a8f3cc,0 0 18px #89e5bd55
}
#v176CaosCurtain .v179-target-card .v179-target-check{
  position:absolute;right:8px;top:7px;font:900 15px Inter,sans-serif;
  color:#b1f5dc;opacity:0
}
#v176CaosCurtain .v179-target-card.is-selected .v179-target-check{opacity:1}
#v176CaosCurtain .v179-target-card img{
  width:68px;height:68px;max-width:100%;object-fit:cover;
  border:1px solid #8aafb8;border-radius:4px;background:#152e3a
}
#v176CaosCurtain .v179-target-card .v179-target-role{
  font:900 11px Inter,sans-serif;color:#a8e5da;letter-spacing:.06em
}
#v176CaosCurtain .v179-target-card strong{
  font:900 12px/1.35 Inter,sans-serif;color:white;
  overflow-wrap:anywhere;max-width:100%
}
#v176CaosCurtain .v179-target-card small{
  font:11px/1.35 Inter,sans-serif;color:#b4d1dd;overflow-wrap:anywhere
}
#v176CaosCurtain .v179-target-preview{
  background:#1b3445;border:1px solid #799ba7;
  color:#d7e8ed;padding:12px 14px;margin:10px 0;
  font:700 12px/1.6 Inter,sans-serif
}
#v176CaosCurtain .v179-target-preview strong{color:#a8efda}
#v176CaosCurtain #v174SubmitTarget:disabled{
  opacity:.4!important;cursor:not-allowed!important;filter:grayscale(.7)
}
#v176CaosCurtain .v179-result-wait{
  padding:18px;margin:14px 0;background:#182e43;border:1px solid #667c96;
  color:#d1e8f0;font:13px/1.65 Inter,sans-serif
}
#v176CaosCurtain .v179-result-wait strong{color:#fff}
#v176CaosCurtain .v179-target-tip{display:block;color:#a8c7d3;
 font:11px/1.6 Inter,sans-serif;margin:8px 0}
@media (max-width:940px){
 #v176CaosCurtain .v179-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:650px){
 #v176CaosCurtain{padding:0!important}
 #v176CaosCurtain .v176-result-modal{
  height:100dvh!important;max-height:100dvh!important;width:100%!important
 }
 #v176CaosCurtain .v176-result-modal-top{padding:10px 12px!important}
 #v176CaosCurtain .v178-director{max-height:26dvh!important}
 #v176CaosCurtain #v177ResultMount{padding:12px 10px 34px!important}
 #v176CaosCurtain .v179-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #v176CaosCurtain .v179-step-guide{grid-template-columns:1fr}
 #v176CaosCurtain .v179-target-card{min-height:160px!important}
 #v176CaosCurtain .v176-card-focus{padding:52px 14px 24px!important}
}
@media (max-height:720px){
 #v176CaosCurtain .v176-result-modal-top{padding:8px 12px!important}
 #v176CaosCurtain .v178-director{max-height:27dvh}
 #v176CaosCurtain #v177ResultMount{scroll-padding-top:10px}
}
@media(prefers-reduced-motion:reduce){
 #v176CaosCurtain #v177ResultMount{scroll-behavior:auto!important}
 #v176CaosCurtain .v179-target-card{transition:none!important}
}
/* Herramienta de ADMIN para forzar el comportamiento de representantes BOT. */
#app #v179BotStrategy[hidden]{display:none!important}
#app #v179BotStrategy{
 margin:12px 0 17px;padding:16px;
 border:1px solid #9d7ab3;border-top:4px solid #d4aff4;
 background:linear-gradient(120deg,#302f4b,#172b3c)
}
#app #v179BotStrategy h4{color:#eddbff;font:900 15px Inter,system-ui,sans-serif;margin:0 0 8px}
#app #v179BotStrategy p{color:#c9dbe2;font:11px/1.6 Inter,system-ui,sans-serif;margin:0 0 13px}
#app #v179BotStrategy label{display:grid;gap:7px;color:#d0ebdb;font:900 10px Inter,sans-serif}
#app #v179BotStrategy select{padding:12px;color:#fff;background:#102938;border:1px solid #7ba4b0;
 width:100%;font:700 12px Inter,sans-serif}
#app #v179BotStrategy .v179-admin-bot-buttons{display:grid;grid-template-columns:1fr 1fr;
 gap:8px;margin-top:12px}
#app #v179BotStrategy button{border:1px solid #b38ecb;background:#553d65;
 color:#fff;padding:12px;cursor:pointer;font:900 10px Inter,sans-serif}
#app #v179BotStrategy button:disabled{opacity:.38;cursor:not-allowed}
#app #v179BotStrategy small{display:block;margin-top:12px;color:#b7d7dc;
 font:11px/1.55 Inter,sans-serif}
@media(max-width:650px){
 #app #v179BotStrategy .v179-admin-bot-buttons{grid-template-columns:1fr}
}
#v176CaosCurtain #v178JumpAction.v179-turn-glow{
 background:#b8f2d9!important;color:#0a313a!important;
 border:2px solid #e2fff2!important;
 animation:v179TurnGlow 1.6s infinite
}
@keyframes v179TurnGlow{50%{box-shadow:0 0 28px #8deccc99}}
@media(prefers-reduced-motion:reduce){
 #v176CaosCurtain #v178JumpAction.v179-turn-glow{animation:none!important}
}

/* V179 · Los efectos se explican con jugadores y campeones reales. */
#v176CaosCurtain #v179EffectSummary[hidden]{display:none!important}
#v176CaosCurtain #v179EffectSummary{
  margin:13px 0 18px;padding:17px;
  border:1px solid #a47bb1;border-top:4px solid #d2a9ee;
  background:linear-gradient(125deg,#302b46,#163340);
  animation:v179EffectReveal .6s ease both
}
#v176CaosCurtain .v179-effect-head{display:flex;justify-content:space-between;
 align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}
#v176CaosCurtain .v179-effect-head span{color:#e8d3fa;font:900 11px Inter,sans-serif;
 letter-spacing:.13em}
#v176CaosCurtain .v179-effect-head strong{background:#204e56;padding:8px 10px;
 color:#a9f4d9;font:900 11px Inter,sans-serif}
#v176CaosCurtain .v179-effect-events{display:grid;gap:6px;margin-bottom:13px}
#v176CaosCurtain .v179-effect-events>div{background:#3d3249;
 border-left:3px solid #e2b6f5;padding:11px;color:#e3dbec;
 font:800 12px/1.6 Inter,sans-serif}
#v176CaosCurtain .v179-effect-events b{color:#fff}
#v176CaosCurtain .v179-effect-grid{display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#v176CaosCurtain .v179-effect-item{
 border:1px solid #537d86;background:#16333f;
 min-width:0;padding:11px 13px;animation:v179EffectReveal .5s ease both
}
#v176CaosCurtain .v179-effect-item small{display:block;color:#a9ece3;
 font:900 10px Inter,sans-serif;letter-spacing:.07em;margin-bottom:9px}
#v176CaosCurtain .v179-effect-item>div{display:grid;
 grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);
 align-items:center;gap:6px}
#v176CaosCurtain .v179-effect-item span,#v176CaosCurtain .v179-effect-item strong{
 font:900 12px/1.4 Inter,sans-serif;color:#edf8f6;overflow-wrap:anywhere}
#v176CaosCurtain .v179-effect-item span{color:#afc7cf}
#v176CaosCurtain .v179-effect-item b{text-align:center;font-size:20px;color:#ffb88d}
#v176CaosCurtain .v179-effect-item em{display:block;font-style:normal;
 font-weight:600;color:#bcd4d8;margin-top:4px}
#v176CaosCurtain .v179-effect-no-change{color:#d0dde6;
 font:13px/1.7 Inter,sans-serif}
@keyframes v179EffectReveal{from{opacity:0;transform:translateY(12px)}
 to{opacity:1;transform:translateY(0)}}
@media(max-width:780px){
 #v176CaosCurtain .v179-effect-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 #v176CaosCurtain .v179-effect-item,
 #v176CaosCurtain #v179EffectSummary{animation:none!important}
}