.cuenta-escena{align-items:center;min-height:calc(100vh - 4.2rem);display:grid;position:relative;overflow:hidden}.cuenta-cancha{opacity:.16;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cuenta-rejilla{grid-template-areas:"cabeza""ficha""forma";row-gap:1.6rem;display:grid;position:relative}.cuenta-cabeza{grid-area:cabeza}.ficha-lado{grid-area:ficha;justify-items:center;display:grid;position:relative}.cuenta-forma{grid-area:forma;align-content:start;gap:1.1rem;display:grid}@media (width>=768px){.cuenta-rejilla{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"cabeza ficha""forma ficha";align-items:start;gap:1.6rem 3.5rem}.ficha-lado{align-self:center}}@media (width<=767px){.cuenta-escena[data-paso=codigo] .ficha-lado{display:none}}.cuenta-escena [hidden]{display:none!important}.cuenta-titulo{font-size:clamp(3.6rem,13vw,7rem);line-height:.84}.cuenta-titulo .letra{animation:letra-cae .62s cubic-bezier(.2,1.5,.4,1) var(--r) both;display:inline-block}@keyframes letra-cae{0%{opacity:0;transform:translateY(-1.1em)rotate(-12deg)scale(1.4)}}.toques{align-items:center;margin:0;padding:0;list-style:none;display:flex}.toque{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--tiza-suave);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.toque+.toque:before{content:"";border-top:3px dashed #f1d6ac59;width:clamp(1.4rem,5vw,3.2rem);margin:0 .55rem}.toque.hecho+.toque:before{border-top-color:var(--color-crema)}.toque-n{border:2.5px dashed #f1d6ac80;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;font-size:1.05rem;transition:background .25s,color .25s,transform .4s cubic-bezier(.2,1.6,.4,1);display:grid;position:relative}.toque.actual{color:var(--color-crema)}.toque.actual .toque-n{background:var(--color-crema);color:var(--color-noche);border:2.5px solid var(--color-crema);transform:scale(1.08);box-shadow:0 0 0 5px #f1d6ac29}.toque.hecho .toque-n{border:2.5px solid var(--color-crema);color:#0000}.toque.hecho .toque-n:after{content:"";border:solid var(--color-crema);border-width:0 3px 3px 0;width:.45rem;height:.85rem;position:absolute;transform:translateY(-.1rem)rotate(45deg)}.cuenta-escena[data-paso=dentro] .toques{display:none}@media (width<=480px){.toque:not(.actual) .toque-t{display:none}}.cuenta-panel{backdrop-filter:blur(2px);background:#00132db8}.campo-cuenta{box-sizing:border-box;width:100%;color:var(--tiza);font:inherit;background:#020d22d9;border:2px solid #f1d6ac59;border-radius:3px 12px 4px 10px/10px 4px 12px 3px;padding:.7rem .9rem;font-size:1.3rem;transition:border-color .2s,box-shadow .2s}.campo-cuenta::placeholder{font-family:var(--font-mano);color:#f1d6ac59}.campo-cuenta:focus{border-color:var(--color-crema);outline:none;box-shadow:0 0 0 4px #f1d6ac1f}.etiqueta-cuenta{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:1.2rem;font-weight:800}.enlace-cuenta{color:var(--tiza-suave);font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:.3rem 0;text-decoration:underline dashed}.enlace-cuenta:hover:not(:disabled){color:var(--color-crema)}.enlace-cuenta:disabled{opacity:.5;text-decoration:none}.cuenta-panel button[type=submit]:disabled{opacity:.55}.cuenta-panel .boton-juego svg{flex:none;width:1rem;height:1rem}.cuenta-panel #error:empty{display:none}.pista-correo{font-family:var(--font-mano);color:var(--tiza-suave);margin:-.2rem 0 0;font-size:1.1rem}.pista-correo button{color:var(--color-crema);font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline dashed}.cuenta-juegos .boton-juego{white-space:nowrap;padding-inline:.7rem;font-size:clamp(1.25rem,5.2vw,1.6rem)}.marcador{position:relative}.marcador-input{z-index:2;opacity:0;color:#0000;caret-color:#0000;letter-spacing:2em;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.casillas{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.casilla{aspect-ratio:3/4;font-family:var(--font-display);color:var(--color-crema);background:linear-gradient(#020d22,#06182f);border:2px solid #f1d6ac4d;border-radius:5px 13px 6px 11px/11px 6px 13px 5px;place-items:center;font-size:clamp(2.1rem,10vw,3rem);font-weight:900;line-height:1;display:grid;position:relative;box-shadow:inset 0 -.35rem #00000059}.casilla:empty:before{content:"·";opacity:.25}.casilla.llena{border-color:#f1d6acb3;animation:.26s cubic-bezier(.2,1.6,.4,1) casilla-cae}@keyframes casilla-cae{0%{transform:translateY(-.5rem)scale(1.15)}}.marcador.foco .casilla.cursor{border-color:var(--color-crema)}.marcador.foco .casilla.cursor:after{content:"";background:var(--color-crema);border-radius:3px;height:3px;animation:1s steps(2,end) infinite parpadea;position:absolute;bottom:14%;left:25%;right:25%}@keyframes parpadea{50%{opacity:0}}.ficha-nota{color:var(--color-crema);align-items:flex-end;gap:.2rem;font-size:1.5rem;display:none;position:absolute;top:-2.6rem;left:-.5rem;transform:rotate(-6deg)}.ficha-nota svg{width:3.2rem;height:2.4rem}@media (width>=768px){.ficha-nota{display:flex}}.ficha{--giro:-4deg;isolation:isolate;aspect-ratio:1.586;width:min(100%,30rem);color:var(--color-crema);border:3px solid var(--color-crema);transform:rotate(var(--giro));background:radial-gradient(120% 95% at 18% 0,#22314f 0%,#0b1f3d 48%,#020d22 100%);border-radius:10px 26px 12px 22px/22px 12px 26px 10px;transition:transform .5s cubic-bezier(.2,1.4,.4,1);animation:.9s cubic-bezier(.2,1.3,.4,1) .25s both ficha-entra;position:relative;overflow:hidden;box-shadow:0 1.6rem 3rem #0000008c,0 0 0 7px #f1d6ac12;container-type:inline-size}.ficha:hover{transform:rotate(-1deg)translateY(-6px)}@media (width<=767px){.ficha{--giro:-2.5deg;width:min(100%,22rem)}}@keyframes ficha-entra{0%{opacity:0;transform:translateY(3rem)rotate(9deg)scale(.9)}}.ficha-lineas{z-index:-1;width:100%;height:100%;stroke:var(--color-crema);stroke-opacity:.13;fill:none;stroke-width:2px;position:absolute;inset:0}.ficha-cabeza{align-items:center;gap:3cqi;padding:5cqi 6cqi 0;display:flex}.ficha-escudo{filter:drop-shadow(0 .6cqi 1cqi #00000080);width:13cqi;height:auto}.ficha-marca{font-size:7.4cqi;line-height:.9}.ficha-tipo{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;opacity:.75;margin-top:1cqi;font-size:2.6cqi}.ficha-estrellas{align-self:flex-start;gap:1.2cqi;margin-top:1cqi;margin-left:auto;display:flex}.ficha-estrellas i{aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:var(--color-estrella-roja);width:3.6cqi}.ficha-estrellas i:first-child{background:#3f7fd6}.ficha-cuerpo{grid-template-columns:23cqi minmax(0,1fr);align-items:center;gap:5cqi;padding:4.5cqi 6cqi 0;display:grid}.ficha-foto{aspect-ratio:1;border:.9cqi solid var(--color-crema);width:23cqi;font-family:var(--font-display);text-transform:uppercase;background:#f1d6ac14;border-radius:50%;place-items:center;font-size:12cqi;font-weight:900;line-height:1;transition:transform .4s cubic-bezier(.2,1.6,.4,1);display:grid}.ficha-foto.vacia{font-family:var(--font-mano);background:0 0;border-style:dashed;font-size:11cqi;font-weight:700;animation:2s ease-in-out infinite late}@keyframes late{50%{transform:scale(1.06)}}.ficha-etiqueta{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;opacity:.65;font-size:2.5cqi}.ficha-apodo{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;font-weight:900;font-size:min(10cqi, calc(124cqi / var(--n,1)));text-shadow:0 0 1px #f1d6ac99;line-height:1;display:block;overflow:hidden}.ficha-apodo.vacio{font-family:var(--font-mano);text-transform:none;opacity:.8;font-size:8.6cqi;font-weight:700}.ficha-datos{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.85;flex-wrap:wrap;gap:.5cqi 4.5cqi;margin-top:1.6cqi;font-size:2.6cqi;display:flex}.ficha-datos b{font-family:var(--font-display);letter-spacing:.04em;font-size:4.4cqi;font-weight:900}.ficha-cinta{background:var(--color-cinta);color:var(--color-noche);text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.09em;padding:1.7cqi 6cqi;font-size:3.5cqi;font-weight:900;position:absolute;bottom:0;left:0;right:0}.ficha-brillo{z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#fff5e329 50%,#0000 58%);animation:6s ease-in-out 1.2s infinite brillo;position:absolute;inset:-40%}@keyframes brillo{0%{transform:translate(-55%)}35%,to{transform:translate(55%)}}.sello{z-index:4;color:#ff6b64;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;filter:url(#tiza);opacity:0;pointer-events:none;background:#ff6b640f;border:1cqi solid #ff6b64;border-radius:2cqi;padding:.8cqi 3.2cqi .4cqi;font-size:8cqi;font-weight:900;line-height:1;position:absolute;bottom:5.5cqi;left:2.5cqi;transform:rotate(-14deg)}.ficha.sellado .sello{opacity:.92}.ficha.sellando .sello{animation:.56s cubic-bezier(.2,1.6,.4,1) both sello}.ficha.sellando{animation:.38s cubic-bezier(.3,.7,.4,1) .12s ficha-golpe}@keyframes sello{0%{opacity:0;transform:rotate(-20deg)scale(2.6)}70%{opacity:.95;transform:rotate(-7deg)scale(.92)}}@keyframes ficha-golpe{30%{transform:rotate(var(--giro)) translateY(6px) scale(.985)}}