.draft,.aviso-d{--oro:#f5c451;--si:#6fd08c;--no:#ff6b64;--carta:#0b2447}.draft{--u:6px;align-content:start;gap:.8rem;width:100%;max-width:1760px;margin-inline:auto;padding:.8rem 1rem 1.2rem;display:grid}.draft-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.draft-top h1{margin:0;font-size:clamp(2rem,7vw,3rem);line-height:.9}.draft-botones{gap:.5rem;display:flex}.draft-pantalla{grid-template-columns:minmax(0,1fr);grid-template-areas:"duelo""mando""a""b";gap:.8rem;display:grid}#campo-0{grid-area:a}#campo-1{grid-area:b}.duelo-d{grid-area:duelo}.mando-d{grid-area:mando}.campo-d{gap:calc(var(--u) * 1);min-width:0;padding:calc(var(--u) * 1.2);background:#00132d73;border:2px solid #f1d6ac38;border-radius:12px;grid-template-rows:auto minmax(0,1fr);transition:border-color .2s,box-shadow .2s;display:grid}.campo-d.activo{border-color:var(--oro);box-shadow:0 0 0 3px #f5c45126,0 0 28px #f5c45126}.campo-d.campeon{border-color:var(--oro);box-shadow:0 0 0 3px #f5c4514d,0 0 40px #f5c4514d}.cabeza-d{justify-content:space-between;align-items:center;gap:.6rem;min-width:0;display:flex;position:relative}.cabeza-d .nombre-d{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:left;min-width:0;font-family:var(--font-display);text-transform:uppercase;font-weight:900;font-size:max(1.15rem, calc(var(--u) * 3.4));color:var(--tiza-suave);background:0 0;border:0;padding:0;line-height:1;overflow:hidden}.cabeza-d .nombre-d:hover{text-underline-offset:4px;text-decoration:underline dashed}.campo-d.activo .nombre-d,.campo-d.campeon .nombre-d{color:var(--oro)}.puntos-d{font-family:var(--font-display);font-weight:900;font-size:max(1.6rem, calc(var(--u) * 4.6));color:var(--color-crema);font-variant-numeric:tabular-nums;flex:none;line-height:.9}.puntos-d.sube,.marcador-d.sube{animation:.7s cubic-bezier(.2,1.6,.4,1) sube-d}@keyframes sube-d{40%{color:var(--oro);transform:scale(1.3)}}.le-toca{top:calc(var(--u) * -2.6);background:var(--oro);color:var(--color-noche);font-family:var(--font-display);text-transform:uppercase;font-weight:900;font-size:max(.85rem, calc(var(--u) * 2));white-space:nowrap;border-radius:99px;padding:.1rem .7rem;animation:1.4s ease-in-out infinite le-toca;position:absolute;left:50%;translate:-50%}@keyframes le-toca{50%{transform:scale(1.08)}}.cesped-d{align-content:space-evenly;gap:calc(var(--u) * .9);min-height:0;padding:calc(var(--u) * 1) calc(var(--u) * .6);border:2px solid #f1d6ac2e;border-radius:6px;grid-template-rows:repeat(4,auto);display:grid;position:relative;overflow:hidden}.cesped-d:before{content:"";left:50%;top:calc(var(--u) * -9);width:calc(var(--u) * 18);aspect-ratio:1;border:2px solid #f1d6ac24;border-radius:50%;position:absolute;translate:-50%}.cesped-d:after{content:"";height:calc(var(--u) * 9);border:2px solid #f1d6ac24;border-bottom:0;position:absolute;bottom:-2px;left:22%;right:22%}.fila-d{z-index:1;justify-content:space-evenly;gap:calc(var(--u) * .6);display:flex;position:relative}.ficha-d{align-content:start;justify-items:center;gap:calc(var(--u) * .3);width:calc(var(--u) * 12);min-width:0;padding:calc(var(--u) * .5) calc(var(--u) * .3);border:2px solid #0000;border-radius:8px;transition:opacity .3s,border-color .2s,box-shadow .2s;display:grid;position:relative}.ficha-d .figura{width:calc(var(--u) * 7.8)}.ficha-d .figura:after{height:3px;bottom:-2px}.ficha-d b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);text-transform:uppercase;font-weight:800;font-size:max(.78rem, calc(var(--u) * 1.9));color:var(--color-crema);line-height:1.05;overflow:hidden}.ficha-d.vacia{height:calc(var(--u) * 10);place-content:center}.rol-d{width:calc(var(--u) * 6.4);aspect-ratio:1;font-family:var(--font-display);font-weight:900;font-size:max(.8rem, calc(var(--u) * 1.9));color:#f1d6ac8c;border:2px dashed #f1d6ac59;border-radius:50%;place-items:center;display:grid}.ficha-d.actual{border-color:var(--oro);background:#f5c45114;border-style:dashed}.ficha-d.actual .rol-d{border-color:var(--oro);color:var(--oro);animation:1.4s ease-in-out infinite le-toca}.ficha-d.gana{border-color:var(--si);background:#6fd08c1a;border-style:solid}.ficha-d.pierde{opacity:.5}.nota-d{top:calc(var(--u) * .2);right:calc(var(--u) * .2);font-style:normal;font-family:var(--font-display);font-weight:900;font-size:max(.75rem, calc(var(--u) * 1.8));background:var(--color-crema);color:var(--color-noche);border-radius:5px;padding:0 .3em;position:absolute}.ficha-d.gana .nota-d{background:var(--si)}.cae{animation:.52s cubic-bezier(.2,1.5,.4,1) cae-d}@keyframes cae-d{0%{opacity:0;transform:translateY(-1.2rem)scale(1.25)rotate(-4deg)}}.duelo-d{align-content:start;justify-items:center;gap:calc(var(--u) * .8);text-align:center;min-width:0;display:grid}.duelo-d>.mono{margin:0}.puesto-d,.marcador-d{font-family:var(--font-display);text-transform:uppercase;color:var(--color-crema);margin:0;font-weight:900;line-height:.95}.puesto-d{font-size:max(1.6rem, calc(var(--u) * 4.6))}.marcador-d{font-size:max(2.2rem, calc(var(--u) * 6.4));font-variant-numeric:tabular-nums}.marcador-d span{color:var(--tiza-suave)}.pareja-d{align-items:center;gap:calc(var(--u) * 1);perspective:1000px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;display:grid}.vs-d{font-family:var(--font-display);text-transform:uppercase;font-weight:900;font-size:max(1rem, calc(var(--u) * 2.6));color:var(--tiza-suave)}.quienes-d{gap:calc(var(--u) * 4);width:100%;font-family:var(--font-mono);font-size:max(.7rem, calc(var(--u) * 1.5));letter-spacing:.08em;text-transform:uppercase;color:var(--tiza-suave);grid-template-columns:1fr 1fr;display:grid}.quienes-d span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.carta-d{height:calc(var(--u) * 43);min-width:0;position:relative}.carta-d .gira-d{transform-style:preserve-3d;transition:transform .64s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0}.carta-d.vuelta .gira-d{transform:rotateY(180deg)}.carta-d.sin-giro .gira-d{transition:none}.carta-d .delante-d,.carta-d .detras-d{align-content:center;justify-items:center;gap:calc(var(--u) * .7);padding:calc(var(--u) * 1.2);backface-visibility:hidden;background:linear-gradient(180deg, #123468, var(--carta));border-radius:12px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #f5c4518c}.carta-d .detras-d{background:var(--color-crema);color:var(--color-noche);box-shadow:inset 0 0 0 3px var(--oro);transform:rotateY(180deg)}.carta-d .figura{width:calc(var(--u) * 17)}.nombre-carta{max-width:100%;font-family:var(--font-display);text-transform:uppercase;font-weight:900;font-size:max(1.05rem, calc(var(--u) * 3));color:var(--color-crema);-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;line-height:1;display:-webkit-box;overflow:hidden}.club-d{max-width:100%;font-family:var(--font-mono);font-size:max(.68rem, calc(var(--u) * 1.5));color:var(--tiza-suave);white-space:nowrap;align-items:center;gap:.35em;display:inline-flex;overflow:hidden}.club-d img,.mini-d img{object-fit:contain;flex:none;width:1.5em;height:1.5em}.mini-d{max-width:100%;font-family:var(--font-display);text-transform:uppercase;font-weight:900;font-size:max(.95rem, calc(var(--u) * 2.5));align-items:center;gap:.4em;display:inline-flex}.mini-d b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nota-grande{font-family:var(--font-display);font-weight:900;font-size:max(3rem, calc(var(--u) * 11));font-variant-numeric:tabular-nums;line-height:.85}.min-d{font-family:var(--font-mono);font-size:max(.62rem, calc(var(--u) * 1.3));letter-spacing:.04em;text-transform:uppercase;opacity:.75}.lineas-d{gap:calc(var(--u) * .3);width:100%;margin:calc(var(--u) * .4) 0 0;display:grid}.lineas-d div{padding-top:calc(var(--u) * .3);font-size:max(.82rem, calc(var(--u) * 2));border-top:1px dashed #00132d40;justify-content:space-between;gap:.5rem;display:flex}.lineas-d dt{font-family:var(--font-texto);text-align:left;font-weight:600}.lineas-d dd{font-family:var(--font-display);margin:0;font-weight:900}.carta-d.vacia{place-content:center;justify-items:center;gap:calc(var(--u) * 1);border:3px dashed #f1d6ac4d;border-radius:12px;display:grid}.carta-d.vacia small{font-family:var(--font-mono);font-size:max(.7rem, calc(var(--u) * 1.5));letter-spacing:.06em;text-transform:uppercase;color:var(--tiza-suave);padding-inline:.4rem}.carta-d.vacia.toca{border-color:var(--oro);background:#f5c4510f}.carta-d.vacia.toca small{color:var(--oro)}.interroga-d{font-family:var(--font-display);font-weight:900;font-size:max(3rem, calc(var(--u) * 12));color:#f1d6ac59;line-height:.8}.carta-d.vacia.toca .interroga-d{color:var(--oro);animation:1.4s ease-in-out infinite le-toca}.carta-d.gana .detras-d{box-shadow:inset 0 0 0 4px var(--si), 0 0 34px #6fd08c8c;background:#e8f6dc}.carta-d.pierde{opacity:.6}.carta-d.brilla .detras-d{animation:1.2s ease-out brilla-d}@keyframes brilla-d{0%{box-shadow:inset 0 0 0 4px var(--si), 0 0 0 0 #6fd08ce6}to{box-shadow:inset 0 0 0 4px var(--si), 0 0 0 22px #6fd08c00}}.final-d{align-content:center;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * 2) 0}.final-d .grito{font-size:max(2.4rem, calc(var(--u) * 8))}.final-d .grito .palabra{white-space:nowrap;display:inline-block}.tanteo-d{font-family:var(--font-mono);font-size:max(.75rem, calc(var(--u) * 1.6));letter-spacing:.08em;text-transform:uppercase;color:var(--tiza-suave);margin:0}.botones-d{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.final-d .boton-juego{font-size:max(1.1rem, calc(var(--u) * 2.6))}.mando-d{z-index:5;gap:calc(var(--u) * .8);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.8);background:#00132dbf;border:2px dashed #f1d6ac59;border-radius:12px;display:grid;position:relative}.mando-d .que-toca{font-family:var(--font-mano);font-size:max(1.05rem, calc(var(--u) * 2.6));color:var(--color-crema);margin:0;line-height:1.2}.mando-d .que-toca strong{color:var(--oro)}.fila-mando{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.fila-mando .boton-juego{font-size:max(1.1rem, calc(var(--u) * 2.8))}.hueco-d{flex:1}.error-d{font-family:var(--font-mono);font-size:max(.78rem, calc(var(--u) * 1.7));color:var(--no);margin:0}.error-d:empty{display:none}.buscador-d{flex:22rem;min-width:0;position:relative}.buscador-d input{width:100%;min-height:max(3rem, calc(var(--u) * 6.6));font-size:max(1.15rem, calc(var(--u) * 2.6));color:var(--color-crema);background:#00132dd9;border:2px solid #f1d6ac73;border-radius:8px;outline:none;padding:0 1rem}.buscador-d input:focus{border-color:var(--color-crema);box-shadow:0 0 0 4px #f1d6ac26}.buscador-d input::placeholder{color:#f1d6ac73}.sugerencias-d{z-index:30;background:#06182f;border:2px solid #f1d6ac66;border-radius:10px;max-height:min(26rem,60vh);margin:0;padding:.3rem;list-style:none;display:grid;position:absolute;bottom:calc(100% + .4rem);left:0;right:0;overflow-y:auto;box-shadow:0 -1rem 2rem #00000080}.sugerencias-d:empty{display:none}.sugerencias-d li{cursor:pointer;font-size:max(1rem, calc(var(--u) * 2.2));border-radius:7px;align-items:center;gap:.7rem;padding:.45rem .6rem;display:flex}.sugerencias-d li[aria-selected=true],.sugerencias-d li:hover{background:#f1d6ac1f}.sugerencias-d img,.sugerencias-d .sin-escudo{object-fit:contain;flex:none;width:1.6em;height:1.6em}.sugerencias-d b{color:var(--color-crema);font-weight:700}.sugerencias-d small{font-family:var(--font-mono);color:var(--tiza-suave);text-align:right;margin-left:auto;font-size:.75em}.empezar-d{gap:1rem;max-width:42rem;padding:1.4rem;display:grid}.empezar-d .mano{margin:0;font-size:1.3rem;line-height:1.3}.empezar-d .equipos-d{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.empezar-d label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tiza-suave);gap:.3rem;font-size:.75rem;display:grid}.empezar-d input{min-height:3rem;color:var(--color-crema);background:#00132dd9;border:2px solid #f1d6ac73;border-radius:8px;outline:none;padding:0 .9rem;font-size:1.2rem}.empezar-d input:focus{border-color:var(--color-crema)}.cuantos-d{flex-wrap:wrap;gap:.6rem;display:flex}.cuantos-d label{cursor:pointer}.cuantos-d input{opacity:0;pointer-events:none;position:absolute}.cuantos-d span{font-family:var(--font-display);text-transform:uppercase;color:var(--tiza-suave);border:2px solid #f1d6ac73;border-radius:99px;padding:.5rem 1.1rem;font-size:1.1rem;font-weight:900;display:inline-block}.cuantos-d input:checked+span{border-color:var(--oro);color:var(--oro);background:#f5c4511f}.cuantos-d input:focus-visible+span{outline:3px solid var(--color-crema);outline-offset:2px}.empezar-d .equipos-d[data-cuantos="2"] .e2{display:none}.empezar-d .equipos-d[data-cuantos="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.draft:not(.en-partida) .draft-pantalla{grid-template-columns:minmax(0,1fr);grid-template-areas:none;justify-items:center}.aviso-d{z-index:85;background:var(--carta);box-shadow:inset 0 0 0 2px var(--oro), 0 1rem 2rem #00000080;font-family:var(--font-display);text-transform:uppercase;color:var(--color-crema);pointer-events:none;border-radius:12px;padding:.8rem 1.4rem;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:900;animation:.22s ease-out both aviso-entra,.3s ease-in 1.3s forwards aviso-sale;position:fixed;top:40%;left:50%;translate:-50% -50%}@keyframes aviso-entra{0%{opacity:0;transform:scale(1.6)}}@keyframes aviso-sale{to{opacity:0;transform:scale(.8)}}@media (width>=900px){body:has(>main.draft.en-partida)>footer,body:has(>main.draft) .chapa-ahora{display:none}.draft{--u:min(1vh, .5625vw);padding:calc(var(--u) * 1.4) calc(var(--u) * 2.6) calc(var(--u) * 1.6);gap:calc(var(--u) * 1.2)}.draft-top h1{font-size:max(2rem, calc(var(--u) * 5.2))}.draft-pantalla{gap:calc(var(--u) * 1.6) calc(var(--u) * 2);grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);grid-template-areas:"a duelo b""mando mando mando"}.cesped-d{min-height:calc(var(--u) * 55)}}#campo-2{grid-area:c}.de-d{display:none}.tres .draft-pantalla{grid-template-areas:"duelo""mando""a""b""c"}.tres .vs-d,.tres .quienes-d{display:none}.tres .pareja-d{gap:calc(var(--u) * 1.2);grid-template-columns:minmax(0,1fr)}.tres .de-d{z-index:2;top:calc(var(--u) * -1.2);left:calc(var(--u) * 1.2);max-width:calc(100% - var(--u) * 2.4);text-overflow:ellipsis;white-space:nowrap;background:var(--color-noche);font-style:normal;font-family:var(--font-mono);font-size:max(.62rem, calc(var(--u) * 1.3));letter-spacing:.06em;text-transform:uppercase;color:var(--tiza-suave);border-radius:99px;padding:0 .5em;display:block;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #f1d6ac66}.tres .carta-d.vacia.toca .de-d,.tres .carta-d.gana .de-d{color:var(--oro)}.tres .carta-d{height:calc(var(--u) * 16.5)}.tres .carta-d .delante-d{align-content:center;justify-items:start;column-gap:calc(var(--u) * 1.2);row-gap:calc(var(--u) * .3);text-align:left;padding-block:calc(var(--u) * .8);grid-template-columns:auto minmax(0,1fr)}.tres .carta-d .delante-d .figura{width:calc(var(--u) * 10);grid-row:1/span 2}.tres .nombre-carta{font-size:max(.95rem, calc(var(--u) * 2.4))}.tres .carta-d .detras-d{align-content:center;justify-items:start;column-gap:calc(var(--u) * 1);row-gap:calc(var(--u) * .4);padding-block:calc(var(--u) * .8);grid-template-columns:minmax(0,1fr) auto}.tres .carta-d .detras-d .nota-grande{font-size:max(2.2rem, calc(var(--u) * 7.4));grid-area:1/2/span 2}.tres .carta-d .detras-d .mini-d{font-size:max(.85rem, calc(var(--u) * 2));grid-area:1/1}.tres .carta-d .detras-d .lineas-d{grid-area:2/1;margin:0}.tres .carta-d .detras-d .lineas-d div{font-size:max(.7rem, calc(var(--u) * 1.55));padding-top:calc(var(--u) * .15)}.tres .carta-d .detras-d .lineas-d div:nth-child(n+3),.tres .min-d{display:none}.tres .carta-d.vacia{gap:calc(var(--u) * 1.4);grid-auto-flow:column}.tres .interroga-d{font-size:max(2rem, calc(var(--u) * 7))}.tres .puesto-d{font-size:max(1.3rem, calc(var(--u) * 3.6))}.tres .final-d .grito{font-size:max(1.8rem, calc(var(--u) * 5))}@media (width>=900px){.tres .draft-pantalla{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.9fr);grid-template-areas:"a b c duelo""mando mando mando mando"}.tres .ficha-d{width:calc(var(--u) * 8.2)}.tres .fila-d{gap:calc(var(--u) * .3)}.tres .cesped-d{padding-inline:calc(var(--u) * .3)}.tres .ficha-d .figura{width:calc(var(--u) * 6.2)}.tres .ficha-d b{font-size:max(.7rem, calc(var(--u) * 1.65))}.tres .cabeza-d .nombre-d{font-size:max(1rem, calc(var(--u) * 2.8))}.tres .duelo-d{padding-top:calc(var(--u) * 1)}}.draft:fullscreen{background:var(--color-noche);max-width:none;overflow-y:auto}@media (width<=640px){.empezar-d .equipos-d,.empezar-d .equipos-d[data-cuantos="3"]{grid-template-columns:minmax(0,1fr)}.ficha-d{width:4.4rem}}@media (prefers-reduced-motion:reduce){.le-toca,.ficha-d.actual .rol-d,.carta-d .gira-d,.carta-d.vacia.toca .interroga-d,.carta-d.brilla .detras-d,.cae,.puntos-d.sube,.marcador-d.sube,.aviso-d{transition:none;animation:none}}