/* V172 · DEMOSTRACIÓN ANIMADA DEL CAOS 2.0 · sólo rama beta.
   La animación es una simulación local, sin conexión al sorteo online.
 */
body.v172-preview-open{overflow:hidden!important}
#app #v171ChaosLab .v172-preview-trigger{border-color:#ddb570!important;
 background:linear-gradient(100deg,#4b325e,#7a4367)!important;color:#fff!important;
 box-shadow:0 0 16px #aa73de33;font-size:11px!important;letter-spacing:.06em}
#app #v171ChaosLab .v172-preview-trigger:hover{box-shadow:0 0 25px #a780fc85}
#app #v172PreviewScreen[hidden],#app #v172PreviewScreen [hidden]{display:none!important}
#app #v172PreviewScreen{position:fixed;inset:0;z-index:2147483000;background:#000b;
 overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;
 padding:clamp(8px,2vw,24px);box-sizing:border-box;backdrop-filter:blur(14px)}
#app #v172PreviewScreen .v172-shell{position:relative;width:min(1150px,100%);min-height:min(720px,90dvh);
 margin:auto;background:radial-gradient(circle at 50% 0%,#2f405f 0%,#112331 42%,#08151f 95%);
 border:1px solid #7d729a;box-shadow:0 30px 110px #000a,0 0 40px #856ca32e;
 color:#eaf8fc;overflow:hidden}
#app #v172PreviewScreen .v172-shell::before{content:"";position:absolute;inset:0;
 background:repeating-linear-gradient(125deg,transparent,transparent 70px,#9fc6e605 71px,#9fc6e605 72px);
 pointer-events:none}
#app #v172PreviewScreen .v172-topbar{position:relative;display:flex;align-items:center;
 justify-content:space-between;gap:15px;padding:16px clamp(15px,2.5vw,30px);
 background:#061723df;border-bottom:1px solid #3e6374}
#app #v172PreviewScreen .v172-brand{min-width:0}
#app #v172PreviewScreen .v172-brand b{display:block;font:800 13px Manrope,sans-serif;color:#fff;letter-spacing:.08em}
#app #v172PreviewScreen .v172-brand span{display:block;font-size:10px;color:#a7dae0;margin-top:4px}
#app #v172PreviewScreen .v172-close{color:#fff;background:#24384c;border:1px solid #75839a;
 padding:9px 13px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
#app #v172PreviewScreen button{cursor:pointer;color:#fff;background:#244358;
 border:1px solid #7397a4;padding:11px 14px;font:800 11px Manrope,sans-serif}
#app #v172PreviewScreen button:disabled{opacity:.4;cursor:default}
#app #v172PreviewScreen select{background:#061823;border:1px solid #7c90a9;
 color:#fff;padding:12px;min-width:0;font-size:13px;max-width:100%}
#app #v172PreviewScreen .v172-setupscreen{position:relative;display:grid;align-content:center;
 min-height:520px;text-align:center;padding:25px clamp(17px,4vw,55px);gap:20px}
#app #v172PreviewScreen .v172-setupscreen .v172-stamp{font:800 12px Manrope,sans-serif;
 color:#ddc5fa;letter-spacing:.13em}
#app #v172PreviewScreen .v172-setupscreen h2{font:700 clamp(44px,7vw,78px)/.9 Teko,sans-serif;
 margin:0;color:#fff;text-shadow:0 0 24px #956abb77}
#app #v172PreviewScreen .v172-setupscreen h2 em{color:#d7adfa;font-style:normal}
#app #v172PreviewScreen .v172-setupscreen p{color:#b8d7de;font-size:13px;line-height:1.65;
 max-width:660px;margin:0 auto}
#app #v172PreviewScreen .v172-choice-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;width:min(740px,100%);margin:auto;text-align:left}
#app #v172PreviewScreen .v172-choice-setup label{display:grid;gap:9px;
 font-size:11px;font-weight:900;color:#dfcdf2}
#app #v172PreviewScreen .v172-start{background:#b5ebd9!important;color:#10262d!important;
 border-color:#b5ebd9!important;width:min(380px,100%);margin:auto;font-size:13px!important}
#app #v172PreviewScreen .v172-rehearsal-note{border:1px solid #706886;background:#3325464f;
 color:#d9c8e3;padding:10px;font-size:11px;max-width:650px;margin:auto}
#app #v172PreviewScreen .v172-playback{position:relative}
#app #v172PreviewScreen .v172-progress-header{padding:14px clamp(15px,2vw,25px);
 display:flex;flex-wrap:wrap;gap:11px;align-items:center;justify-content:space-between;
 border-bottom:1px solid #395362}
#app #v172PreviewScreen #v172PreviewPhase{font:900 11px Manrope,sans-serif;
 letter-spacing:.06em;color:#dbb8f7}
#app #v172PreviewScreen .v172-progress-header small{font-size:10px;color:#9ac2c9}
#app #v172PreviewScreen .v172-timeline{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;flex-basis:100%}
#app #v172PreviewScreen .v172-timeline span{height:4px;background:#415465}
#app #v172PreviewScreen .v172-timeline span.is-complete{background:#86d7c1}
#app #v172PreviewScreen .v172-timeline span.is-active{background:#d0b4ed;box-shadow:0 0 12px #bb8bf4}
#app #v172PreviewScreen .v172-progress-track{height:3px;background:#0c2634;overflow:hidden}
#app #v172PreviewScreen #v172Progress{height:100%;width:0;background:linear-gradient(90deg,#8fcef7,#e3adfb);
 transition:width .07s linear}
#app #v172PreviewScreen .v172-stage{padding:clamp(18px,2.5vw,30px);min-height:460px;
 box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
#app #v172PreviewScreen .v172-stage>*{animation:v172-stage-enter .4s ease both}
#app #v172PreviewScreen .v172-central{text-align:center;display:grid;justify-items:center;
 align-content:center;gap:15px;width:100%}
#app #v172PreviewScreen .v172-kicker{font:900 11px Manrope,sans-serif;letter-spacing:.16em;
 text-transform:uppercase;color:#8addd3}
#app #v172PreviewScreen .v172-stage-title{font:700 clamp(36px,5vw,59px)/.93 Teko,sans-serif;
 color:#fff;margin:8px 0 18px;text-align:center;text-shadow:0 0 18px #85c9d941}
#app #v172PreviewScreen .v172-central>h3{font:700 clamp(37px,5vw,62px) Teko,sans-serif;margin:0}
#app #v172PreviewScreen .v172-central>p,
#app #v172PreviewScreen .v172-annotation{max-width:790px;margin:12px auto;
 font-size:11px;color:#b6d0dc;line-height:1.6;text-align:center}
#app #v172PreviewScreen .v172-impact{font:700 clamp(85px,14vw,164px)/.85 Teko,sans-serif;
 color:#a8f5e3;text-shadow:0 0 32px #91e1d679;animation:v172-ready-zoom .85s ease both}
#app #v172PreviewScreen .v172-ready-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 gap:8px;width:min(790px,100%)}
#app #v172PreviewScreen .v172-ready-grid div{padding:14px 9px;background:#163746;
 border:1px solid #547983;color:#dcebed;font-size:11px;
 opacity:0;animation:v172-reveal-slot .5s ease forwards;animation-delay:calc(var(--v172-i) * 90ms)}
#app #v172PreviewScreen .v172-ready-grid b{color:#b4f9d7}
#app #v172PreviewScreen .v172-countdown-face{display:grid;place-items:center;width:min(290px,64vw);
 aspect-ratio:1;border:9px solid #84d9d5;border-radius:50%;
 box-shadow:0 0 50px #5eb1bb6a,inset 0 0 45px #69e0d435}
#app #v172PreviewScreen #v172DemoDigit{font:700 clamp(110px,16vw,185px)/1 Teko,sans-serif;
 color:#fff;text-shadow:0 0 35px #b4f4ec}
#app #v172PreviewScreen #v172DemoDigit.is-ticking{animation:v172-countdown-beat .32s ease}
#app #v172PreviewScreen .v172-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:15px;min-width:0}
#app #v172PreviewScreen .v172-team{min-width:0;background:#102736;
 border:1px solid #406778}
#app #v172PreviewScreen .v172-team:nth-child(2){border-color:#77567d}
#app #v172PreviewScreen .v172-team-head{padding:12px 15px;text-align:center;font:700 25px Teko,sans-serif;
 color:#c0e7f1;background:#194050;letter-spacing:.06em}
#app #v172PreviewScreen .v172-team:nth-child(2) .v172-team-head{background:#442b4f;color:#f2d0fd}
#app #v172PreviewScreen .v172-slot{display:grid;grid-template-columns:43px minmax(0,1fr) minmax(95px,.7fr);
 align-items:center;gap:8px;padding:11px 12px;min-height:49px;border-top:1px solid #304c5c}
#app #v172PreviewScreen .v172-slot.is-entering{opacity:0;transform:translateY(18px);
 animation:v172-reveal-slot .58s ease forwards;animation-delay:calc(var(--v172-i) * 160ms)}
#app #v172PreviewScreen .v172-slot.is-changed{border-left:3px solid #dcad78;
 background:#65422d52;animation:v172-mark-slot 1.2s ease infinite alternate}
#app #v172PreviewScreen .v172-slot span{font-size:10px;color:#95c7c5;font-weight:900}
#app #v172PreviewScreen .v172-slot strong{color:#fff;font-size:12px;overflow-wrap:anywhere}
#app #v172PreviewScreen .v172-slot small{color:#bbd5dd;font-size:11px;overflow-wrap:anywhere}
#app #v172PreviewScreen .v172-slot em{grid-column:2/-1;font-size:9px;font-style:normal;color:#ffd2a2;font-weight:900}
#app #v172PreviewScreen .v172-event-wheel{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
#app #v172PreviewScreen .v172-event-wheel>div{padding:22px 26px;font:700 25px Teko,sans-serif;
 border:1px solid #4b6477;color:#8fa8b9;background:#182938}
#app #v172PreviewScreen .v172-event-wheel>.is-selected{border-color:#d7addf;color:#fff;
 background:#6a3c78;box-shadow:0 0 35px #bd7efb75;animation:v172-card-pulse .78s ease infinite alternate}
#app #v172PreviewScreen .v172-feature-card{width:min(450px,100%);aspect-ratio:3/4;
 background:radial-gradient(ellipse at 50% 35%,#7b456f,#302943 65%,#111c2d);
 border:2px solid #d7a8e9;box-shadow:0 0 90px #a574d555,0 30px 40px #0008;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 padding:20px;box-sizing:border-box;gap:25px;
 animation:v172-card-flip 1.1s cubic-bezier(.17,.66,.2,1.1) both}
#app #v172PreviewScreen .v172-feature-card small{color:#ffdfae;font-size:12px;font-weight:900;letter-spacing:.11em}
#app #v172PreviewScreen .v172-feature-card strong{font:700 clamp(40px,5.7vw,77px)/.85 Teko,sans-serif;
 color:#fff;text-shadow:0 0 20px #d5a6e0;text-align:center}
#app #v172PreviewScreen .v172-feature-card span{font-size:11px;font-weight:900;color:#efd6ff}
#app #v172PreviewScreen .v172-feature-card em{font:700 18px Teko,sans-serif;
 color:#b7d6e3;letter-spacing:.07em;font-style:normal}
#app #v172PreviewScreen .v172-secret-grid,.v172-choice-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(810px,100%)}
#app #v172PreviewScreen .v172-secret{background:#1b3142;border:1px solid #53778b;
 padding:30px 14px;display:grid;gap:12px;animation:v172-secret-pulse 2s ease-in-out infinite}
#app #v172PreviewScreen .v172-secret:nth-child(2){border-color:#9869aa;background:#30293e}
#app #v172PreviewScreen .v172-secret b{color:#97e0d4;font-size:11px}
#app #v172PreviewScreen .v172-secret span{color:#fff;font-size:14px;font-weight:900}
#app #v172PreviewScreen .v172-secret strong{font:700 30px Teko,sans-serif;color:#f0d4fb}
#app #v172PreviewScreen .v172-secret small{color:#a9cbd2;font-size:10px}
#app #v172PreviewScreen .v172-choice{display:grid;gap:10px;padding:24px;background:#223b50;
 border:2px solid #94d7d7;transform:rotateY(90deg);
 animation:v172-card-flip .8s ease forwards;animation-delay:calc(var(--v172-i) * 280ms)}
#app #v172PreviewScreen .v172-choice:nth-child(2){border-color:#cb98ef;background:#42304d}
#app #v172PreviewScreen .v172-choice span{font-size:11px;color:#bbdce0;font-weight:900}
#app #v172PreviewScreen .v172-choice strong{font:700 clamp(32px,4vw,53px) Teko,sans-serif;color:#fff}
#app #v172PreviewScreen .v172-outcome{color:#ffdbb0;font:700 clamp(30px,4vw,49px) Teko,sans-serif;
 text-shadow:0 0 24px #d69a6f;letter-spacing:.04em}
#app #v172PreviewScreen .v172-powers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;margin:10px 0}
#app #v172PreviewScreen .v172-powers-grid article{padding:20px;background:#173646;
 border:1px solid #8e799c;display:grid;gap:12px}
#app #v172PreviewScreen .v172-powers-grid article span{color:#a5dcd6;font-size:11px;font-weight:900}
#app #v172PreviewScreen .v172-powers-grid article strong{font:700 clamp(22px,3vw,36px) Teko,sans-serif;color:#e7d2f8}
#app #v172PreviewScreen .v172-effects{display:grid;gap:7px;margin:8px auto;width:min(800px,100%)}
#app #v172PreviewScreen .v172-effects div{padding:12px 16px;background:#334a4c;
 border-left:3px solid #afdfd5;font-size:12px;animation:v172-stage-enter .6s ease both}
#app #v172PreviewScreen .v172-summary{background:#1b3544;border:1px solid #536f7e;
 padding:13px;margin-top:16px}
#app #v172PreviewScreen .v172-summary>strong{font:700 30px Teko,sans-serif;color:#ffd5a7}
#app #v172PreviewScreen .v172-summary p,#app #v172PreviewScreen .v172-summary details{font-size:11px;color:#c5dce2}
#app #v172PreviewScreen .v172-summary details p{border-bottom:1px solid #385664;padding:6px 0}
#app #v172PreviewScreen .v172-bottom{position:relative;display:flex;gap:8px;flex-wrap:wrap;
 justify-content:center;align-items:center;padding:16px;background:#061b27;border-top:1px solid #3e6471}
#app #v172PreviewScreen .v172-bottom .v172-speed{display:flex;align-items:center;gap:7px;
 color:#b4d4da;font-size:11px}
#app #v172PreviewScreen .v172-bottom select{padding:8px}
#app #v172PreviewScreen #v172Replay{border-color:#bd9ee8}
#app #v172PreviewScreen #v172PreviewMessage{min-height:19px;padding:7px 14px;
 margin:0;color:#b1d5dc;font-size:11px;text-align:center}
#app #v172PreviewScreen #v172PreviewMessage[data-error=true]{color:#ffab9d}
@keyframes v172-stage-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes v172-reveal-slot{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes v172-ready-zoom{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@keyframes v172-countdown-beat{from{transform:scale(1.17);opacity:.55}to{transform:scale(1);opacity:1}}
@keyframes v172-card-pulse{from{box-shadow:0 0 6px #dca1e755}to{box-shadow:0 0 36px #c384f0aa}}
@keyframes v172-card-flip{from{opacity:0;transform:perspective(850px) rotateY(-88deg) scale(.85)}
 to{opacity:1;transform:perspective(850px) rotateY(0deg) scale(1)}}
@keyframes v172-secret-pulse{0%,100%{box-shadow:0 0 0 #b8c7ff00}50%{box-shadow:0 0 35px #b8c7ff2a}}
@keyframes v172-mark-slot{from{box-shadow:inset 0 0 4px #e9af5944}to{box-shadow:inset 0 0 22px #e9af5988}}
@media(max-width:740px){
 #app #v172PreviewScreen .v172-teams,#app #v172PreviewScreen .v172-secret-grid,
 #app #v172PreviewScreen .v172-choice-grid,#app #v172PreviewScreen .v172-powers-grid,
 #app #v172PreviewScreen .v172-choice-setup{grid-template-columns:1fr}
 #app #v172PreviewScreen .v172-ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app #v172PreviewScreen .v172-slot{grid-template-columns:38px minmax(0,1fr) minmax(75px,.8fr)}
 #app #v172PreviewScreen .v172-stage{min-height:340px}
 #app #v172PreviewScreen .v172-feature-card{max-width:360px}
}
@media(prefers-reduced-motion:reduce){
 #app #v172PreviewScreen *,#app #v172PreviewScreen *::before,#app #v172PreviewScreen *::after{
 animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}
}