/* V178 · Dirección interactiva, votación y comparación de equipos. */
#v176CaosCurtain #v178Director[hidden],
#v176CaosCurtain #v178Versus[hidden],
#v176CaosCurtain .v178-director-controls [hidden],
#v176CaosCurtain #v178TeamCouncil[hidden],
#v176CaosCurtain [hidden]{display:none!important}
#v176CaosCurtain .v178-director{
 display:grid;gap:11px;padding:12px clamp(14px,2vw,25px);
 background:linear-gradient(90deg,#122c38,#203944);
 border-bottom:2px solid #5a8890;color:#e6f7f5}
#v176CaosCurtain .v178-director-main{display:grid;gap:9px}
#v176CaosCurtain .v178-director-states{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
 gap:5px;width:100%}
#v176CaosCurtain .v178-director-states span{display:flex;align-items:center;gap:6px;
 min-width:0;justify-content:center;white-space:nowrap;
 color:#819faa;font:800 9px/1.2 Inter,system-ui,sans-serif;
 padding:8px 4px;border-bottom:3px solid #355361}
#v176CaosCurtain .v178-director-states span b{color:#9ac5c8;font-size:13px}
#v176CaosCurtain .v178-director-states span.is-current{
 color:#fff;background:#234653;border-bottom-color:#ffc397}
#v176CaosCurtain .v178-director-states span.is-current b{color:#ffbf9a}
#v176CaosCurtain .v178-director-states span.is-done{
 color:#a6eee0;border-color:#70ceb5}
#v176CaosCurtain .v178-director-states span.is-done b{color:#82dfc2}
#v176CaosCurtain .v178-director-text{color:#c6dde0;font:11px/1.55 Inter,system-ui,sans-serif;
 min-height:16px;text-align:center}
#v176CaosCurtain .v178-director-controls{display:flex;gap:6px;flex-wrap:wrap;
 align-items:center;justify-content:center}
#v176CaosCurtain .v178-director-controls button{font:900 10px Inter,system-ui,sans-serif;
 padding:9px 13px;background:#1a3e4c;border:1px solid #527f85;color:#e4f7f6}
#v176CaosCurtain .v178-director-controls button:hover{background:#2e6069}
#v176CaosCurtain .v178-director-controls #v178JumpAction{background:#b3ebd6;
 border-color:#b3ebd6;color:#072c35;animation:v178ActionPulse 1.7s infinite}
#v176CaosCurtain .v178-director-controls #v178BeforeAfter{background:#4c3a65;
 border-color:#ba99df;color:#fff}
#v176CaosCurtain .v178-versus{display:grid;
 grid-template-columns:minmax(0,1fr) minmax(130px,.72fr) minmax(0,1fr);
 gap:6px;align-items:stretch;margin:0 0 15px;
 border:1px solid #5a798a;background:#102e3b;padding:8px;
 animation:v178VersusEnter .55s ease both}
#v176CaosCurtain .v178-duel-team{display:grid;gap:8px;
 padding:16px;background:linear-gradient(115deg,#244b64,#153c51);
 border-left:3px solid #84b8f6;justify-items:center;text-align:center}
#v176CaosCurtain .v178-duel-team.is-opponent{background:linear-gradient(115deg,#603944,#392d40);
 border-left-color:#ef9c8f}
#v176CaosCurtain .v178-duel-team span{font:900 10px Inter,system-ui,sans-serif;
 letter-spacing:.13em;color:#b7e4e3}
#v176CaosCurtain .v178-duel-team strong{font:900 clamp(13px,2vw,22px) Inter,system-ui,sans-serif;
 color:white;overflow-wrap:anywhere;animation:v178AnswerEnter .8s ease both}
#v176CaosCurtain .v178-duel-team.is-opponent strong{animation-delay:.7s}
#v176CaosCurtain .v178-duel-center{display:flex;justify-content:center;align-items:center;
 flex-direction:column;gap:7px;padding:12px 8px;
 text-align:center;background:radial-gradient(circle,#57405f,#203342);
 color:#f4d4fe;font:900 23px Teko,Inter,sans-serif;letter-spacing:.035em}
#v176CaosCurtain .v178-duel-center span{font:900 9px Inter,system-ui,sans-serif;color:#cdbce1}
#v176CaosCurtain .v178-duel-center b{font:900 clamp(13px,1.6vw,19px) Inter,system-ui,sans-serif;
 color:#f5e5ff;animation:v178OutcomeEnter .75s ease 1.4s both}
#v176CaosCurtain #v174Action{position:relative}
#v176CaosCurtain #v174Action .v174-strategies button{transition:transform .18s,border-color .18s,background .18s;
 display:grid;align-content:center;gap:5px;min-height:134px}
#v176CaosCurtain #v174Action .v174-strategies button:hover{transform:translateY(-4px)}
#v176CaosCurtain #v174Action .v174-strategies button.is-selected{
 background:linear-gradient(150deg,#735091,#382f4d);
 border:2px solid #e7c9ff;box-shadow:0 0 20px #c69bf073;transform:translateY(-3px)}
#v176CaosCurtain .v178-choice-confirm{margin:14px 0 0;padding:15px;
 border:1px solid #87d8bc;border-left:4px solid #87d8bc;background:#153f41;
 animation:v178AnswerEnter .4s ease}
#v176CaosCurtain .v178-choice-confirm p{font-size:13px;color:#d4f4ee;margin:0 0 13px}
#v176CaosCurtain #v178ConfirmChoice{display:block;width:100%;max-width:460px;
 padding:16px;background:#a6e6cc;border:1px solid #a6e6cc;color:#11323a;
 font-size:14px}
#v176CaosCurtain .v178-power-label{font:900 11px Inter,system-ui,sans-serif;
 letter-spacing:.11em;color:#9de6d5;display:block;margin:0 0 12px}
#v176CaosCurtain .v178-choice-hint{color:#c4bbd7!important;font-size:11px!important}
#v176CaosCurtain .v178-team-council{margin:15px 0;padding:17px;
 border:1px solid #5a9b95;border-top:4px solid #9ce6d6;
 background:linear-gradient(110deg,#143843,#142c39)}
#v176CaosCurtain .v178-council-top{display:flex;align-items:center;
 justify-content:space-between;gap:12px;flex-wrap:wrap;
 color:#a3ead9;font:900 10px Inter,system-ui,sans-serif;letter-spacing:.08em}
#v176CaosCurtain .v178-council-top strong{background:#245365;
 border:1px solid #507989;padding:6px 9px;color:#fff}
#v176CaosCurtain .v178-team-council p{font:12px/1.6 Inter,system-ui,sans-serif;
 color:#b4d2d8;margin:10px 0 14px}
#v176CaosCurtain .v178-council-buttons{display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#v176CaosCurtain .v178-council-buttons button{display:grid;gap:7px;
 padding:15px 12px;background:#1b4654;border:1px solid #487988;text-align:center}
#v176CaosCurtain .v178-council-buttons button.is-picked{border:2px solid #a9ebc9;
 background:#245d55;box-shadow:0 0 18px #85dcbb30}
#v176CaosCurtain .v178-council-buttons button strong{font:900 13px Inter,system-ui,sans-serif}
#v176CaosCurtain .v178-council-buttons button span{font:700 11px Inter,system-ui,sans-serif;color:#aad7d9}
#v176CaosCurtain .v178-target-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 gap:8px;margin:14px 0}
#v176CaosCurtain .v178-target-chip{display:grid;justify-items:center;align-content:center;
 gap:8px;padding:14px 7px;min-height:105px;text-align:center;
 border:1px solid #5e8a96;background:#163746;color:#ecf8f5;cursor:pointer}
#v176CaosCurtain .v178-target-chip:has(input:checked){
 background:#285e59;border:2px solid #a8eacd;box-shadow:0 0 18px #9de7cb50}
#v176CaosCurtain .v178-target-chip input{width:18px;height:18px;accent-color:#b0e9d4;cursor:pointer}
#v176CaosCurtain .v178-target-chip span{font:900 11px Inter,sans-serif;color:#a1e8d9}
#v176CaosCurtain .v178-target-chip strong{font:800 12px Inter,sans-serif;
 overflow-wrap:anywhere;max-width:100%}
#v176CaosCurtain .v178-target-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#v176CaosCurtain .v178-field-label{display:grid;gap:8px;color:#a5dfd6;
 font:900 10px Inter,sans-serif;letter-spacing:.08em}
#v176CaosCurtain .v178-field-label select{min-width:0}
#app #v174ChaosBoard #v176OpenResult.v178-your-turn{
 background:#8ddfca!important;color:#0b323d!important;
 border:2px solid #d3fff2!important;animation:v178ActionPulse 1.5s infinite}
@keyframes v178ActionPulse{50%{box-shadow:0 0 25px #9deec9a6}}
@keyframes v178VersusEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes v178AnswerEnter{from{opacity:0;transform:translateY(10px) scale(.96)}
 to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v178OutcomeEnter{from{opacity:0;transform:scale(.88);filter:blur(8px)}
 to{opacity:1;transform:scale(1);filter:blur(0)}}
@media(max-width:800px){
 #v176CaosCurtain .v178-director-states{overflow-x:auto;grid-template-columns:repeat(6,minmax(110px,1fr))}
 #v176CaosCurtain .v178-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
 #v176CaosCurtain .v178-versus{grid-template-columns:1fr}
 #v176CaosCurtain .v178-duel-center{min-height:40px}
 #v176CaosCurtain .v178-council-buttons{grid-template-columns:1fr}
 #v176CaosCurtain .v178-council-buttons button{grid-template-columns:1fr auto;align-items:center}
 #v176CaosCurtain .v178-council-buttons button span{text-align:right}
 #v176CaosCurtain .v178-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #v176CaosCurtain .v178-target-pair{grid-template-columns:1fr}
 #v176CaosCurtain .v178-director-controls button{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){
 #v176CaosCurtain .v178-duel-center b,
 #v176CaosCurtain .v178-duel-team strong,
 #v176CaosCurtain .v178-versus,
 #v176CaosCurtain .v178-choice-confirm,
 #v176CaosCurtain #v178JumpAction{animation:none!important}
}