/* V188 · 5V5 RANDOM · cartas online claras, una acción por pantalla. */
#v176CaosCurtain #v174Action:has(.v188-panel),
#v176CaosCurtain #v174Action:has(.v188-global),
#v174ChaosBoard #v174Action:has(.v188-panel),
#v174ChaosBoard #v174Action:has(.v188-global){
 width:100%;max-width:1100px;margin:12px auto 20px!important;padding:0!important;
 border:0!important;box-shadow:none!important;background:transparent!important;display:block!important;
}
.v188-panel,.v188-global{
 --v188-navy:#081626;--v188-line:rgba(154,218,255,.20);
 position:relative;color:#e9f5ff;max-width:1100px;
 background:linear-gradient(135deg,rgba(12,37,60,.97),rgba(7,18,34,.98) 70%);
 border:1px solid var(--v188-line);border-radius:14px;
 padding:clamp(16px,2.2vw,28px);overflow:hidden;
 box-shadow:0 18px 42px rgba(0,5,15,.35),inset 0 1px rgba(255,255,255,.04);
}
.v188-panel:before,.v188-global:before{
 content:"";pointer-events:none;position:absolute;top:0;left:0;right:0;height:2px;
 background:linear-gradient(90deg,transparent,#49e5e3,#e9b16c,transparent);opacity:.8;
}
.v188-heading{text-align:center;margin:0 auto 18px;max-width:760px}
.v188-heading>span,.v188-global>span{display:block;color:#74dadd;letter-spacing:.16em;font-size:11px;font-weight:800}
.v188-heading h3{color:#f7fbff!important;font-size:clamp(24px,3vw,35px)!important;
 line-height:1.15;margin:7px 0!important;letter-spacing:.01em!important}
.v188-heading p{color:#a7c0d6!important;font-size:14px!important;line-height:1.45!important;margin:0!important}
.v188-owners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}
.v188-owner{position:relative;border:1px solid rgba(122,166,191,.20);
 border-radius:10px;padding:13px 16px;min-width:0;
 background:linear-gradient(135deg,rgba(25,54,75,.52),rgba(10,27,44,.72));
 display:grid;gap:5px;transition:background .25s,border-color .25s,box-shadow .25s}
.v188-owner:first-child{border-left:3px solid #4ebde7}
.v188-owner:last-child{border-left:3px solid #ed936e}
.v188-owner.is-current{border-color:rgba(91,240,223,.77);
 background:linear-gradient(105deg,rgba(25,92,105,.57),rgba(11,39,55,.77));
 box-shadow:0 0 20px rgba(68,218,220,.11)}
.v188-owner.is-done{opacity:.7}
.v188-owner span,.v188-owner small{font-size:11px;color:#9ab3c8;line-height:1.4}
.v188-owner strong{color:#f5fbff;font-size:clamp(15px,1.6vw,19px);line-height:1.2;overflow-wrap:anywhere}
.v188-owner b{font-size:10px;letter-spacing:.09em;color:#8ab7cf}
.v188-owner.is-current b{color:#73e9d7;animation:v188-label-glow 1.8s ease-in-out infinite}
.v188-owner.is-done b{color:#8fd9ae}
@keyframes v188-label-glow{50%{text-shadow:0 0 13px #7ffbe8}}
.v188-power{text-align:center;padding:18px;border-radius:9px;margin:8px auto 17px;
 border:1px solid rgba(246,186,107,.34);max-width:800px;
 background:radial-gradient(circle at 50% 0%,rgba(189,122,57,.17),rgba(16,38,56,.65))}
.v188-power small{display:block;color:#f3bb77;font-size:10px;letter-spacing:.17em;font-weight:800}
.v188-power h4{color:#fbe9ce!important;margin:7px 0!important;font-size:clamp(20px,2.4vw,28px)!important}
.v188-power p{margin:0!important;color:#d6e4ec!important;font-size:14px!important;line-height:1.45!important}
.v188-target-caption{text-align:center;color:#a4bed1;font-size:12px;font-weight:800;letter-spacing:.12em;margin:18px 0 11px}
.v188-targets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1030px;margin:auto}
#v176CaosCurtain .v188-person,.v188-person{
 all:unset;box-sizing:border-box;cursor:pointer;position:relative;
 min-height:130px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
 gap:5px;padding:13px 8px 16px!important;text-align:center!important;
 border:1px solid rgba(128,175,198,.24)!important;border-radius:9px!important;
 background:linear-gradient(180deg,#152f46,#0a1c30)!important;
 color:#eff8ff!important;transition:transform .15s,border-color .2s,box-shadow .2s!important;
}
.v188-person:hover{transform:translateY(-3px);border-color:rgba(103,224,229,.72)!important}
.v188-person:focus-visible{outline:3px solid #9ef7e7!important;outline-offset:2px!important}
.v188-person img{width:51px;height:51px;object-fit:cover;border-radius:7px;border:1px solid rgba(255,255,255,.13);flex:none}
.v188-person>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#7ad7e7}
.v188-person>strong{font-size:13px;line-height:1.2;overflow-wrap:anywhere;max-width:100%}
.v188-person>small{font-size:11px;color:#9baabd;line-height:1.25}
.v188-person>b{position:absolute;right:7px;top:7px;width:20px;height:20px;line-height:20px;
 border-radius:50%;background:#6ef0d8;color:#042c2b;visibility:hidden;font-size:12px}
.v188-person.is-picked{border-color:#77f4df!important;
 background:linear-gradient(155deg,#19526a,#0e2946)!important;
 box-shadow:0 0 0 1px rgba(122,250,224,.4),0 0 22px rgba(34,223,213,.18)!important;
 transform:translateY(-2px)}
.v188-person.is-picked>b{visibility:visible;animation:v188-check-in .28s ease-out both}
@keyframes v188-check-in{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
.v188-selected{display:flex;gap:8px;flex-direction:column;align-items:center;justify-content:center;
 min-height:68px;text-align:center;margin:17px 0 12px;padding:10px 15px;
 border:1px solid rgba(108,185,208,.17);border-radius:9px;background:rgba(3,18,32,.48)}
.v188-selected>span{font-size:10px;color:#94b1cb;letter-spacing:.14em;font-weight:750}
.v188-selected>strong{font-size:14px;font-weight:750;color:#d7edf6}
.v188-buttons{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
#v176CaosCurtain #v188Confirm,.v188-global button{
 min-height:46px!important;padding:11px 27px!important;min-width:225px;
 border-radius:8px!important;border:1px solid #a4f5e9!important;
 background:linear-gradient(105deg,#28a3b6,#4dd4c0)!important;color:#041925!important;
 font-weight:900!important;font-size:13px!important;letter-spacing:.055em!important;
 box-shadow:0 7px 24px rgba(23,194,188,.20);cursor:pointer;transition:transform .15s,filter .2s;
}
#v176CaosCurtain #v188Confirm:hover:not(:disabled),.v188-global button:hover{transform:translateY(-2px);filter:brightness(1.12)}
#v176CaosCurtain #v188Confirm:disabled{opacity:.4!important;cursor:not-allowed;box-shadow:none}
#v176CaosCurtain #v188Pass{min-height:45px!important;border:1px solid #526d81!important;
 border-radius:8px!important;background:rgba(16,43,62,.6)!important;color:#a6b7c4!important;
 font-weight:700!important;font-size:12px!important;padding:10px 20px!important;cursor:pointer}
.v188-wait{display:flex;align-items:center;justify-content:center;gap:16px;
 border-radius:9px;margin:10px auto 6px;padding:22px;max-width:700px;
 border:1px solid rgba(99,158,189,.22);background:rgba(9,24,42,.62);min-height:104px}
.v188-wait>span{width:28px;height:28px;border:3px solid rgba(122,219,226,.22);
 border-top-color:#75e4dc;border-radius:50%;animation:v188-spin 1.15s linear infinite}
@keyframes v188-spin{to{transform:rotate(360deg)}}
.v188-wait strong{display:block;color:#f6fbff;font-size:16px}
.v188-wait p{color:#9ab9d0!important;margin:4px 0 0!important;font-size:13px!important}
.v188-last{display:flex;gap:10px;flex-wrap:wrap;align-items:center;
 margin:14px 0 0;padding:13px 16px;border-radius:8px;background:rgba(75,179,152,.09);
 border:1px solid rgba(100,208,169,.20)}
.v188-last b{color:#85e6bd;font-size:10px;letter-spacing:.10em}
.v188-last span{color:#c3e2d7;font-size:13px}
.v188-global{max-width:790px;text-align:center;margin:14px auto}
.v188-global h3{margin:8px 0 12px!important;color:#fff1d6!important;font-size:28px!important}
.v188-global p{margin:0 auto 17px!important;max-width:600px;color:#c2d7e4!important;line-height:1.5}
.v188-reveal-banner{display:flex!important;gap:16px;justify-content:space-between;align-items:center;
 padding:14px 19px!important;border-color:rgba(100,239,220,.36)!important;
 background:linear-gradient(120deg,rgba(13,69,78,.76),rgba(15,34,51,.93))!important;
 max-width:1100px;margin:0 auto 10px}
.v188-banner-top small{display:block;color:#84e9cf;font-size:11px;letter-spacing:.14em;font-weight:800}
.v188-banner-top strong{display:block;color:#f0fcff;font-size:18px;line-height:1.15;margin:3px 0}
.v188-banner-top p{margin:0!important;color:#9fc3d0!important;font-size:12px!important}
.v188-reveal-banner button{flex-shrink:0}
.v188-focus-pair{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v188-focus-pair>article{min-width:0;padding:12px;border:1px solid rgba(117,185,210,.22);
 border-radius:10px;background:rgba(3,15,29,.65);text-align:center}
.v188-focus-pair>article>span{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;
 color:#9fece1;padding:7px 0 12px}
.v188-focus-pair .v176-card-art{max-width:210px;min-width:0;min-height:275px;margin:auto;aspect-ratio:3/4}
.v188-focus-pair>article>p{margin:12px 6px 6px!important;font-size:13px!important;color:#cadee9!important;line-height:1.45}
.v188-focus-explain{text-align:center;max-width:660px;margin:20px auto 0}
.v188-focus-explain h3{font-size:21px!important;color:#ebfaff!important}
.v188-focus-explain p{color:#c0cfde!important;font-size:14px!important}
.v188-focus-explain button{min-height:46px;padding:11px 22px;border:1px solid #7ce7d7;
 background:#1c6173;color:#fff;font-weight:800;border-radius:7px;cursor:pointer}
.v188-fx-toast{position:fixed;z-index:100000;bottom:clamp(18px,5vh,60px);left:50%;
 transform:translate(-50%,24px);min-width:min(90vw,380px);max-width:650px;
 background:linear-gradient(135deg,#194f60,#10283e);border:1px solid #7ff2dd;border-radius:12px;
 padding:18px 24px;box-shadow:0 20px 70px #000b,0 0 45px #19cfbf44;text-align:center;
 pointer-events:none;animation:v188-toast 3s ease both}
.v188-fx-toast span{color:#8ef6cf;font-size:11px;letter-spacing:.13em;font-weight:900;display:block}
.v188-fx-toast strong{color:#f8ffff;font-size:18px;line-height:1.35;margin-top:6px;display:block}
@keyframes v188-toast{0%{opacity:0;transform:translate(-50%,24px) scale(.94)}
 12%,78%{opacity:1;transform:translate(-50%,0) scale(1)}
 100%{opacity:0;transform:translate(-50%,-18px) scale(1)}}
.v188-power-hit{animation:v188-hit 1.8s ease-out both}
@keyframes v188-hit{0%{box-shadow:inset 0 0 0 2px #62f3e2,0 0 36px #57ddd66e;transform:scale(1.025)}
 100%{box-shadow:none;transform:scale(1)}}
@media(max-width:800px){
 .v188-targets{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v188-person{min-height:120px}
 .v188-focus-pair .v176-card-art{min-height:235px}
}
@media(max-width:520px){
 .v188-panel,.v188-global{padding:14px;border-radius:10px}
 .v188-owners{gap:7px}.v188-owner{padding:10px}
 .v188-owner strong{font-size:14px}
 .v188-owner span,.v188-owner small{font-size:10px}
 .v188-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .v188-person{min-height:117px}
 .v188-buttons{flex-direction:column}
 #v176CaosCurtain #v188Confirm,#v176CaosCurtain #v188Pass{width:100%!important}
 .v188-reveal-banner{flex-direction:column;align-items:stretch;text-align:center}
 .v188-focus-pair{gap:7px}.v188-focus-pair>article{padding:7px}
 .v188-focus-pair .v176-card-art{min-height:175px}
 .v188-focus-pair>article>p{font-size:11px!important}
 .v188-wait{padding:16px}
}
@media(prefers-reduced-motion:reduce){
 .v188-fx-toast,.v188-power-hit,.v188-wait>span,.v188-owner.is-current b{animation:none}
}
/* V188d: progress, timer and per-card effects. One action at a time. */
.v188-progress{display:flex;align-items:center;justify-content:center;gap:12px;
 margin:-5px auto 20px;max-width:710px;color:#abc4d8;font-size:11px;font-weight:850;
 letter-spacing:.055em;flex-wrap:wrap}
.v188-progress>div{height:6px;flex:1;min-width:85px;max-width:190px;
 background:#10293d;border-radius:99px;overflow:hidden}
.v188-progress>div>i{display:block;height:100%;border-radius:inherit;
 background:linear-gradient(90deg,#57cbd5,#f7c77f);transition:width .4s ease}
.v188-progress>span strong,.v188-clock strong{color:#9afbea;font-size:14px;
 font-variant-numeric:tabular-nums;margin-left:7px}
.v188-clock{display:flex;align-items:center;justify-content:center;gap:7px;
 font-size:11px;letter-spacing:.08em;font-weight:850;color:#b7d2e3;
 margin:15px auto 0;padding:12px;border-radius:8px;
 background:rgba(0,10,24,.48);max-width:370px}
.v188-processing #v188Confirm{opacity:.7;cursor:progress;pointer-events:none}
.v188-processing .v188-targets{pointer-events:none;opacity:.65}
.v188-fx-toast{overflow:hidden}
.v188-fx-toast:before{content:"";display:block;position:absolute;top:0;left:-100%;
 height:3px;width:100%;background:linear-gradient(90deg,transparent,#fff,#99f8e7,transparent);
 animation:v188-effect-sweep .7s ease-out forwards}
.v188-fx-toast small{color:#abd8da;font-size:10px;letter-spacing:.08em;
 margin-top:12px;display:block;font-weight:750}
.v188-fx-toast[data-effect=reroll]{border-color:#87b7ff;
 background:linear-gradient(125deg,#193464,#152239);
 box-shadow:0 14px 65px #000a,0 0 38px #527cff48}
.v188-fx-toast[data-effect=veto]{border-color:#fb9a8d;
 background:linear-gradient(125deg,#5e283c,#17263c);
 box-shadow:0 14px 65px #000a,0 0 38px #e8656a47}
.v188-fx-toast[data-effect=swap]{border-color:#e5b7ff;
 background:linear-gradient(125deg,#423363,#182840);
 box-shadow:0 14px 65px #000a,0 0 38px #ae8bfa48}
.v188-fx-toast[data-effect=recruit]{border-color:#ffcb84;
 background:linear-gradient(125deg,#704229,#1b2c3d);
 box-shadow:0 14px 65px #000a,0 0 38px #edb45755}
.v188-fx-toast[data-effect=skip]{border-color:#9bb8c8;
 background:linear-gradient(125deg,#263e51,#111f30)}
.v174-slot.is-changed[data-v188-effect=reroll]{animation:v188-reroll-highlight 1.55s ease-out}
.v174-slot.is-changed[data-v188-effect=veto]{animation:v188-veto-highlight 1.55s ease-out}
.v174-slot.is-changed[data-v188-effect=swap]{animation:v188-swap-highlight 1.55s ease-out}
.v174-slot.is-changed[data-v188-effect=recruit]{animation:v188-recruit-highlight 1.55s ease-out}
@keyframes v188-effect-sweep{to{left:110%}}
@keyframes v188-reroll-highlight{0%{filter:brightness(2);box-shadow:0 0 30px #7caaff}100%{filter:none;box-shadow:none}}
@keyframes v188-veto-highlight{0%{filter:brightness(1.8);box-shadow:0 0 30px #f17b83}100%{filter:none;box-shadow:none}}
@keyframes v188-swap-highlight{0%{transform:translateY(-8px);box-shadow:0 0 25px #af8fea}100%{transform:none;box-shadow:none}}
@keyframes v188-recruit-highlight{0%{transform:scale(1.035);box-shadow:0 0 35px #ffca78}100%{transform:none;box-shadow:none}}
@media(max-width:520px){.v188-progress{gap:7px;font-size:10px}.v188-progress>div{min-width:70px}}
@media(prefers-reduced-motion:reduce){
 .v188-fx-toast:before,.v174-slot.is-changed[data-v188-effect]{animation:none!important}
}