/* COP · DOBLE O NADA v3 (20/10/2026) — sorteo y sala MUDADOS de la maqueta (arnes/maqueta-3v3.html?o=dn). */
.dnv3{--acc:12,149,235;--vio:157,43,255;--ok:34,197,94;--rojo:255,59,92;--oro:255,194,51}
.dnv3 .rot{font:800 .72rem/1.2 Inter;letter-spacing:.12em;text-transform:uppercase;color:#9aa3b5}
.dnv3 .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font:800 .66rem/1.2 Inter;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.06);color:#cfd6e4;white-space:nowrap}
.dnv3 .chip.vivo{background:rgba(var(--rojo),.14);color:#ff8a9c}
.dnv3 .chip.vivo::before{content:"";width:6px;height:6px;border-radius:50%;background:rgb(var(--rojo))}
.dnv3 .chip.ok{background:rgba(var(--ok),.13);color:#7ee2a4}
.dnv3 .chip.esp{background:rgba(var(--oro),.12);color:#ffd56b}
.dnv3 .nota{text-align:center;font:600 .78rem/1.4 Inter;color:#9aa3b5;margin:10px 0 0}
.dnv3 .D-una{display:flex;flex-direction:column;flex:1;justify-content:space-evenly;gap:18px;padding-bottom:8px}
.dnv3 .D-ronda{text-align:center;opacity:0;animation:cjPop .6s var(--del) both}
.dnv3 .D-ronda b{display:block;font:400 2.6rem/1 Anton;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#9fd6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dnv3 .D-ronda .seg{display:flex;justify-content:center;gap:6px;margin-top:10px}
.dnv3 .D-ronda .seg i{width:30px;height:5px;border-radius:3px;background:rgba(255,255,255,.1)}.D-ronda .seg i.on{background:rgb(var(--acc))}
.dnv3 .D-ronda small{display:block;margin-top:8px;font:700 .8rem Inter;color:#9aa3b5}
.dnv3 .D-ronda small em{font-style:normal;color:#ffd56b}
.dnv3 .D-pa{position:relative;overflow:hidden;height:var(--pa-h,150px)}
/* sala */
.dnv3 .S-hero{text-align:center;padding:6px 0 18px}
.dnv3 .S-hero .rot{display:block;margin-bottom:6px}
.dnv3 .S-hero b{display:block;font:400 2.2rem/1 Anton;letter-spacing:.05em;text-transform:uppercase}
.dnv3 .S-hero .seg{display:flex;justify-content:center;gap:6px;margin-top:10px}
.dnv3 .S-hero .seg i{width:34px;height:5px;border-radius:3px;background:rgba(255,255,255,.1)}.S-hero .seg i.on{background:rgb(var(--acc))}
.dnv3 .S-datos{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.dnv3 .S-datos div+div{border-left:1px solid rgba(255,255,255,.07)}
.dnv3 .S-datos b{display:flex;align-items:center;justify-content:center;gap:5px;font:400 1.35rem/1 Anton}
.dnv3 .S-datos b.oro{color:#ffd56b}
.dnv3 .S-datos small{display:block;margin-top:5px;font:700 .66rem Inter;letter-spacing:.08em;text-transform:uppercase;color:#9aa3b5}
.dnv3 .S-datos svg{width:16px;height:16px}
.dnv3 .S-duelo{padding:18px 0 6px}
.dnv3 .S-duelo .vs2{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:12px}
.dnv3 .S-duelo .A-j{flex-direction:column;gap:6px;text-align:center}.S-duelo .A-j .sk{width:64px;flex:0 0 auto}
.dnv3 .S-duelo .A-j b{font-size:.85rem}
.dnv3 .S-duelo .vs{font:400 1.4rem Anton;color:#5a6275}
.dnv3 .S-tabs{margin:20px 0 6px}
.dnv3 .S-esc{display:flex;flex-direction:column}
.dnv3 .S-r{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.dnv3 .S-r .n{width:34px;height:38px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font:400 1.05rem Anton;background:linear-gradient(180deg,#2a3242,#161c27);color:#cfd6e4}
.dnv3 .S-r b{display:block;font:800 .92rem Inter}.S-r small{display:block;font:600 .74rem Inter;color:#9aa3b5;margin-top:2px}
.dnv3 .S-r .m{display:flex;align-items:center;gap:5px;font:400 1.15rem Anton}
.dnv3 .S-r.act{position:relative}.S-r.act::before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:3px;background:rgb(var(--acc));border-radius:0 3px 3px 0}
.dnv3 .S-r.act .n{background:linear-gradient(180deg,#5cc2ff,#0c95eb);color:#04121c}
.dnv3 .S-r.fut{opacity:.45}
.dnv3 .S-r.top .m{color:#ffd56b}
.dnv3 .mon{width:16px;height:16px;vertical-align:-3px}

.dnv3 .D-tup{text-align:center;font:400 1.15rem Anton;letter-spacing:.12em;text-transform:uppercase;color:#cfd6e4;opacity:0;animation:cjPop .5s var(--del) both;margin-bottom:8px}
/* sala v2: rondas en tarjetas y recompensas en escalera */
.dnv3 .R-lista{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.dnv3 .R-card{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:14px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));position:relative;overflow:hidden}
.dnv3 .R-card::after{content:"";position:absolute;inset:0;border-radius:14px;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.dnv3 .R-num{font:400 2.4rem/1 Anton;letter-spacing:.02em;background:linear-gradient(180deg,#9fd6ff,#0c95eb);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}
.dnv3 .R-card.gan .R-num{background:linear-gradient(180deg,#b8f5cf,#22c55e);-webkit-background-clip:text;background-clip:text}
.dnv3 .R-card.act{background:linear-gradient(135deg,rgba(12,149,235,.2),rgba(12,149,235,.04))}
.dnv3 .R-card.act::after{border-color:rgba(12,149,235,.55)}
.dnv3 .R-card.fut .R-num{background:linear-gradient(180deg,#5a6275,#2a3140);-webkit-background-clip:text;background-clip:text}
.dnv3 .R-card.fut{opacity:.7}
.dnv3 .R-t{min-width:0}
.dnv3 .R-t .top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dnv3 .R-t b{font:800 .95rem Inter}
.dnv3 .R-t .p{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-top:6px;font:700 .8rem/1.3 Inter;color:#cfd6e4}
.dnv3 .R-t .p .cam{width:18px}.R-t .p em{font:400 .95rem Anton;font-style:normal;color:#fff}
.dnv3 .R-t .v{margin-top:4px;font:600 .74rem Inter;color:#9aa3b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnv3 .R-t .v strong{font:400 .9rem Anton;color:#fff;letter-spacing:.02em}
.dnv3 .R-der{text-align:right}
.dnv3 .R-der .m{display:flex;align-items:center;justify-content:flex-end;gap:5px;font:400 1.2rem/1 Anton}
.dnv3 .R-der small{display:block;margin-top:4px;font:700 .64rem Inter;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b5}
.dnv3 .R-card.gan .R-der .m{color:#7ee2a4}
.dnv3 .R-chev{position:absolute;right:6px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:#5a6275;display:none}
/* recompensas */
.dnv3 .Q-lista{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.dnv3 .Q-r{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center}
.dnv3 .Q-x{font:400 2.3rem/1 Anton;text-align:center;letter-spacing:.01em;background:linear-gradient(180deg,#fff,#7cc8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dnv3 .Q-r.max .Q-x{background:linear-gradient(180deg,#fff3c4,#ffc233 60%,#c98a00);-webkit-background-clip:text;background-clip:text}
.dnv3 .Q-c .fila{display:flex;justify-content:space-between;align-items:baseline}
.dnv3 .Q-c b{font:800 .9rem Inter}.Q-c .m{display:flex;align-items:center;gap:5px;font:400 1.25rem/1 Anton}
.dnv3 .Q-r.max .Q-c .m{color:#ffd56b}
.dnv3 .Q-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.06);margin-top:7px;overflow:hidden}
.dnv3 .Q-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,rgba(12,149,235,.5),#0c95eb);width:0;animation:cjLlena .9s var(--del) cubic-bezier(.2,.8,.2,1) forwards}
.dnv3 .Q-r.max .Q-bar i{background:linear-gradient(90deg,rgba(255,194,51,.5),#ffc233)}
.dnv3 .Q-r.ok .Q-c small{color:#7ee2a4}
.dnv3 .Q-c small{display:block;margin-top:5px;font:700 .68rem Inter;color:#9aa3b5;letter-spacing:.04em}
@keyframes cjLlena{to{width:var(--w)}}
.dnv3 .Q-nota{margin-top:18px;padding:14px;border-radius:14px;background:rgba(255,194,51,.07);font:600 .8rem/1.45 Inter;color:#e9dcb5;text-align:center}
.dnv3 .R-eqs{display:flex;flex-direction:column;gap:3px;margin-top:7px}
.dnv3 .R-eqs div{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;font:700 .8rem Inter;color:#cfd6e4}
.dnv3 .R-eqs .cam{width:18px}.R-eqs em{font:400 .95rem Anton;font-style:normal;color:#fff}
.dnv3 .R-eqs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* rondas v3: como las tarjetas de la app (Franco 23:36) */
.dnv3 .R2{border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));position:relative}
.dnv3 .R2::after{content:"";position:absolute;inset:0;border-radius:14px;border:1px solid rgba(255,255,255,.07);pointer-events:none}
.dnv3 .R2.act{background:linear-gradient(135deg,rgba(12,149,235,.16),rgba(12,149,235,.03))}.R2.act::after{border-color:rgba(12,149,235,.5)}
.dnv3 .R2-cab{display:flex;align-items:center;gap:8px}
.dnv3 .R2-cab b{font:400 1.15rem/1 Anton;text-transform:uppercase;letter-spacing:.03em}
.dnv3 .R2.gan .R2-cab b{color:#7ee2a4}.R2.act .R2-cab b{color:#8fd0ff}.R2.fut .R2-cab b{color:#9aa3b5}
.dnv3 .R2-m{margin-left:auto;display:flex;align-items:center;gap:5px;font:400 1.15rem/1 Anton;text-align:right}
.dnv3 .R2-m small{font:700 .62rem Inter;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b5;margin-left:2px}
.dnv3 .R2.gan .R2-m{color:#7ee2a4}
.dnv3 .R2-s{font:600 .76rem Inter;color:#5a6275}
.dnv3 .R2.fut{padding:12px 14px;opacity:.75}
.dnv3 .R2 .ctp{margin:10px 0 0}
.dnv3 .R2-pie{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.dnv3 .R2-j{display:flex;align-items:center;gap:7px;min-width:0}.R2-j.ri{justify-content:flex-end}
.dnv3 .R2-j .sk{width:28px;flex:0 0 28px;border-radius:50%}
.dnv3 .R2-j b{font:700 .8rem Inter;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dnv3 .R2-j em{font:400 1.2rem/1 Anton;font-style:normal}.R2-j em.gana{color:#8fd0ff}
.dnv3 .R2-vs{font:400 .9rem Anton;color:#5a6275;text-transform:uppercase}
.dnv3 .R2-ver{text-align:right;margin-top:8px;font:800 .7rem Inter;letter-spacing:.08em;text-transform:uppercase;color:#8fd0ff}

/* DN v3: skins enteras, cartas arriba, rondas en acordeón */
.dnv3 .R2-j .skf{height:64px;width:auto;flex:0 0 auto}
.dnv3 .R2-j>span{display:flex;flex-direction:column;min-width:0}.R2-j.ri>span{align-items:flex-end}
.dnv3 .R2-cab{width:100%;background:none;border:0;padding:0;color:inherit;cursor:pointer;text-align:left}
.dnv3 .R2-chev{width:18px;height:18px;color:#9aa3b5;flex:0 0 auto;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.dnv3 .R2.abierta .R2-chev{transform:rotate(180deg)}
.dnv3 .R2-cuerpo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),opacity .35s;opacity:0}
.dnv3 .R2-cuerpo>div{overflow:hidden}
.dnv3 .R2.abierta .R2-cuerpo{grid-template-rows:1fr;opacity:1}
.dnv3 .R2-pie{align-items:end}