:root{--u:1vh;--tinta:#1f2246;--tinta-suave:#4a4e7a;--crema-clara:#fffbf2;--crema:#fff6e5;--hundida:#f6e4c3;--canto:#e2c48e;--coral-claro:#ff8a6b;--coral:#ff6b4a;--coral-oscuro:#e5532f;--sol-claro:#ffd86e;--sol:#ffc53d;--sol-canto:#d9a21f;--sol-palido:#ffe9a8;--menta:#2ec4a6;--menta-canto:#1f9c84;--titulo:"Baloo 2", system-ui, sans-serif;--texto:"Nunito", system-ui, sans-serif;--sombra-grande:0 calc(3.4 * var(--u)) calc(3 * var(--u)) #1f224640;--sombra-chica:0 calc(1.6 * var(--u)) calc(1.2 * var(--u)) #1f224633}*{box-sizing:border-box}html,body{height:100%;color:var(--tinta);font-family:var(--texto);user-select:none;background:#9bd4ff;margin:0;overflow:hidden}[hidden]{display:none!important}#mundo,#mundo canvas{display:block;position:fixed;top:0;bottom:0;left:0;right:0}h1,h2{font-family:var(--titulo);margin:0;line-height:1.05}.icono{flex:none;width:1em;height:1em;display:block;overflow:visible}.capa{z-index:10;padding:calc(5 * var(--u)) calc(9 * var(--u));place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.contorno,.boton:not(.secundario):not(:disabled) .boton-texto,.cuenta,.festejo h2,.festejo p,.cumple-feliz,.cumple-nombre,.cumple-de{--o:.08em;--abajo:.06em;text-shadow:var(--o) 0 0 var(--tinta), calc(var(--o) * .924) calc(var(--o) * .383) 0 var(--tinta), calc(var(--o) * .707) calc(var(--o) * .707) 0 var(--tinta), calc(var(--o) * .383) calc(var(--o) * .924) 0 var(--tinta), 0 var(--o) 0 var(--tinta), calc(var(--o) * -.383) calc(var(--o) * .924) 0 var(--tinta), calc(var(--o) * -.707) calc(var(--o) * .707) 0 var(--tinta), calc(var(--o) * -.924) calc(var(--o) * .383) 0 var(--tinta), calc(var(--o) * -1) 0 0 var(--tinta), calc(var(--o) * -.924) calc(var(--o) * -.383) 0 var(--tinta), calc(var(--o) * -.707) calc(var(--o) * -.707) 0 var(--tinta), calc(var(--o) * -.383) calc(var(--o) * -.924) 0 var(--tinta), 0 calc(var(--o) * -1) 0 var(--tinta), calc(var(--o) * .383) calc(var(--o) * -.924) 0 var(--tinta), calc(var(--o) * .707) calc(var(--o) * -.707) 0 var(--tinta), calc(var(--o) * .924) calc(var(--o) * -.383) 0 var(--tinta), 0 calc(var(--o) + var(--abajo)) 0 var(--tinta), calc(var(--o) * .707) calc(var(--o) * .707 + var(--abajo)) 0 var(--tinta), calc(var(--o) * -.707) calc(var(--o) * .707 + var(--abajo)) 0 var(--tinta)}.pieza{--b:calc(.55 * var(--u));--k:calc(1.4 * var(--u));--cara-1:var(--crema-clara);--cara-2:var(--crema);--cara-canto:var(--canto);--sombra:var(--sombra-grande);border:var(--b) solid var(--tinta);border-radius:calc(4.4 * var(--u)) calc(3.6 * var(--u)) calc(4.8 * var(--u)) calc(3.9 * var(--u));background:linear-gradient(var(--cara-1), var(--cara-2) 55%);box-shadow:0 var(--k) 0 calc(var(--b) * -1) var(--cara-canto), 0 var(--k) 0 0 var(--tinta), var(--sombra);position:relative}.tarjeta{padding:calc(4 * var(--u));text-align:center}.hueco{border-radius:calc(2 * var(--u));background:var(--hundida);box-shadow:inset 0 calc(.4 * var(--u)) 0 #1f22461f}.liston{--h:calc(12 * var(--u));isolation:isolate;justify-content:center;width:max-content;max-width:none;margin:0 auto;display:flex;position:relative}.liston:before,.liston:after{content:"";top:calc(var(--h) * .13);width:calc(var(--h) * 1.01);height:calc(var(--h) * 1.06);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 101 106'%3E%3Cpath d='M0 0H95V100H0L32 50Z' fill='%23D9A21F' stroke='%231F2246' stroke-width='4.6' stroke-linejoin='round'/%3E%3Cpath d='M75 84L95 100L95 82Z' fill='%23B9841A' stroke='%231F2246' stroke-width='3.6' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;position:absolute}.liston:before{left:calc(var(--h) * -.78)}.liston:after{right:calc(var(--h) * -.78);transform:scaleX(-1)}.liston>b{z-index:1;height:var(--h);padding:calc(var(--h) * .07) calc(var(--h) * .42) 0;border:calc(var(--h) * .046) solid var(--tinta);border-radius:calc(var(--h) * .09);background:linear-gradient(var(--sol-claro), var(--sol) 55%);color:var(--tinta);font:800 calc(var(--h) * .6)/1 var(--titulo);white-space:nowrap;justify-content:center;align-items:center;gap:.25em;display:flex;position:relative}.liston>b:after{content:"";left:calc(var(--h) * .3);top:calc(var(--h) * .1);width:22%;height:calc(var(--h) * .07);background:#ffffff8c;border-radius:99px;position:absolute}.liston .icono{margin-top:-.08em;font-size:1.05em}.liston.chico{--h:calc(6.4 * var(--u))}.boton{--b:calc(.45 * var(--u));--k:calc(1 * var(--u));--cara-1:var(--coral-claro);--cara-2:var(--coral);--cara-canto:var(--coral-oscuro);justify-content:center;align-items:center;gap:calc(1.4 * var(--u));height:calc(8 * var(--u));min-width:calc(34 * var(--u));margin:0 0 var(--k);padding:0 calc(3.6 * var(--u));border:var(--b) solid var(--tinta);border-radius:calc(3.4 * var(--u)) calc(2.8 * var(--u)) calc(3.6 * var(--u)) calc(3 * var(--u));background:linear-gradient(var(--cara-1), var(--cara-2) 55%);box-shadow:0 var(--k) 0 calc(var(--b) * -1) var(--cara-canto), 0 var(--k) 0 0 var(--tinta), var(--sombra-chica);color:var(--crema);font:800 calc(4 * var(--u))/1 var(--titulo);cursor:pointer;transition:transform .12s ease-out;display:inline-flex;position:relative}.boton:after{content:"";left:9%;top:calc(.7 * var(--u));width:28%;max-width:calc(14 * var(--u));height:calc(.6 * var(--u));pointer-events:none;background:#fff9;border-radius:99px;position:absolute}.boton:before{content:"";inset:calc(-1.3 * var(--u)) calc(-1.3 * var(--u)) calc(calc(-1.3 * var(--u)) - var(--k));border:calc(.7 * var(--u)) solid var(--sol);border-radius:calc(4.6 * var(--u)) calc(4 * var(--u)) calc(4.8 * var(--u)) calc(4.2 * var(--u));box-shadow:0 0 0 calc(.3 * var(--u)) var(--tinta), inset 0 0 0 calc(.3 * var(--u)) var(--tinta);opacity:0;pointer-events:none;position:absolute}.boton:hover:not(:disabled):before,.boton.elegido:before{opacity:1}.boton:hover:not(:disabled),.boton.elegido{transform:scale(1.05)}.boton:active:not(:disabled){transform:translateY(calc(.8 * var(--u)));box-shadow:0 calc(.2 * var(--u)) 0 calc(var(--b) * -1) var(--cara-canto), 0 calc(.2 * var(--u)) 0 0 var(--tinta)}.boton-texto{white-space:nowrap;padding-top:.1em}.boton:not(.secundario) .boton-texto{--o:.07em;--abajo:.04em}.boton-icono{font-size:1.2em;display:flex}.boton.secundario{--k:calc(.8 * var(--u));--cara-1:var(--crema-clara);--cara-2:var(--crema);--cara-canto:var(--canto);height:calc(7 * var(--u));color:var(--tinta);font-size:calc(3.6 * var(--u))}.boton.grande{height:calc(10 * var(--u));min-width:calc(40 * var(--u));font-size:calc(4.8 * var(--u))}.boton.redondo{width:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:50%;min-width:0;padding:0}.boton.redondo:after{width:30%;left:22%}.boton.redondo:before{border-radius:50%}.boton.redondo .boton-icono{font-size:calc(4.4 * var(--u))}.boton:disabled{--cara-1:#e9e1d2;--cara-2:#e9e1d2;--cara-canto:#cbbfa8;color:var(--tinta-suave);cursor:default}.boton:disabled .boton-texto{text-shadow:none}.boton:disabled:after{display:none}.boton:disabled .boton-icono{opacity:.45}.boton.respira:not(:hover){animation:1.6s ease-in-out infinite respirar}@keyframes respirar{50%{transform:scale(1.04)}}.boton kbd{padding:calc(.6 * var(--u)) calc(1.1 * var(--u)) calc(.4 * var(--u));border:calc(.3 * var(--u)) solid var(--tinta);border-radius:calc(1 * var(--u));background:var(--hundida);color:var(--tinta);font:800 calc(2.3 * var(--u))/1 var(--texto);text-shadow:none;margin-left:auto}.boton:not(.secundario) kbd{background:var(--crema)}.boton .llenado{left:calc(2 * var(--u));right:calc(2 * var(--u));bottom:calc(.7 * var(--u));height:calc(.7 * var(--u));transform-origin:0;background:#fff6e5d9;border-radius:99px;animation:10s linear forwards llenar;position:absolute}@keyframes llenar{0%{transform:scaleX(0)}}.interruptor{width:calc(7.4 * var(--u));height:calc(4 * var(--u));border:calc(.35 * var(--u)) solid var(--tinta);background:var(--hundida);border-radius:99px;margin-left:auto;position:relative}.interruptor:after{content:"";top:calc(.3 * var(--u));left:calc(.3 * var(--u));width:calc(2.7 * var(--u));height:calc(2.7 * var(--u));border:calc(.3 * var(--u)) solid var(--tinta);background:var(--crema);border-radius:50%;transition:transform .15s;position:absolute}.encendido .interruptor{background:var(--menta)}.encendido .interruptor:after{transform:translateX(calc(3.4 * var(--u)))}.interruptor+kbd{margin-left:calc(1.4 * var(--u))}.estampa{--s:calc(8 * var(--u));width:var(--s);height:var(--s);padding:calc(var(--s) * .06);border:calc(var(--s) * .035 + 1px) solid var(--tinta);background:#fff;border-radius:50%;flex:none;display:block;position:relative}.estampa img{border-radius:50%;width:100%;height:100%;display:block}.estampa.festejado{background:var(--sol)}.estampa .gorrito{width:50%;height:50%;font-size:calc(var(--s) * .5);position:absolute;top:-34%;left:-12%;transform:rotate(-22deg)}.caminito{align-items:center;gap:calc(.8 * var(--u));display:inline-flex}.caminito i{width:var(--p,calc(1.8 * var(--u)));height:var(--p,calc(1.8 * var(--u)));border:calc(.35 * var(--u)) solid var(--tinta);background:var(--hundida);border-radius:50%;flex:none}.caminito i.paso{background:var(--sol)}.caminito i.actual{--p:calc(2.8 * var(--u));background:var(--coral)}.caminito .meta{font-size:calc(3.6 * var(--u));display:flex}.caminito.grande{gap:calc(1.4 * var(--u))}.caminito.grande i{--p:calc(3.4 * var(--u));border-width:calc(.45 * var(--u))}.caminito.grande i.actual{--p:calc(5 * var(--u));animation:.8s ease-in-out infinite alternate brinquito}.caminito.grande .meta{font-size:calc(6 * var(--u))}@keyframes brinquito{to{transform:translateY(calc(-.8 * var(--u)))}}.cargando{font:800 calc(4 * var(--u)) var(--titulo);background:#9bd4ff}.cargando p{margin:calc(2 * var(--u)) 0 0;text-align:center}.giro{width:calc(9 * var(--u));height:calc(9 * var(--u));border:calc(1.2 * var(--u)) solid #fff9;border-top-color:var(--coral);border-radius:50%;margin:0 auto;animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.papel-picado{z-index:9;height:calc(13 * var(--u));pointer-events:none;position:fixed;top:0;bottom:auto;left:0;right:0}.papel-picado .hilo{left:calc(-2 * var(--u));right:calc(-2 * var(--u));top:calc(.6 * var(--u));height:calc(2 * var(--u));border-bottom:calc(.4 * var(--u)) solid var(--tinta);border-radius:0 0 50% 50%;position:absolute}.papel-picado .bandera{top:calc(1.2 * var(--u));width:calc(13 * var(--u));height:calc(10.4 * var(--u));margin-left:calc(-6.5 * var(--u));transform-origin:50% 0;will-change:transform;background:50%/contain no-repeat;animation:3s ease-in-out infinite alternate mecer;position:absolute}@keyframes mecer{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.lobby{z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}.cartel-festejado{top:calc(8 * var(--u));left:calc(66 * var(--u));right:calc(29 * var(--u));justify-content:center;align-items:center;gap:calc(3 * var(--u));animation:.5s cubic-bezier(.3,1.5,.5,1) both cartel-pop;display:flex;position:absolute}@keyframes cartel-pop{0%{opacity:0;transform:scale(.6)}}.cartel-festejado>.estampa{--s:calc(18 * var(--u));flex:none}.cartel-nombre{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.cartel-nombre .liston{margin:0 0 calc(.6 * var(--u)) calc(5 * var(--u))}.nombre-grande{--abajo:.07em;max-width:calc(61 * var(--u));color:var(--sol);font-size:calc(13 * var(--u));white-space:nowrap;line-height:1}.nombre-grande.dos-renglones{white-space:normal;line-height:.95}.estampa-mundo.con-dibujo{width:calc(9.5 * var(--u));height:calc(9.5 * var(--u));box-shadow:none;background:0 0;border:0}.estampa-mundo img{width:100%;height:100%;display:block}.estampa-mundo{left:calc(12 * var(--u));top:calc(-2.4 * var(--u));width:calc(8 * var(--u));height:calc(8 * var(--u));border:calc(.5 * var(--u)) solid #fff;box-shadow:0 0 0 calc(.3 * var(--u)) var(--tinta);font-size:calc(5 * var(--u));background:#9ed37a;border-radius:50%;place-items:center;display:grid;position:absolute;transform:rotate(8deg)}.unete-gira{left:calc(9 * var(--u));top:calc(31 * var(--u));transform:rotate(-1deg) scale(var(--caber,1));transform-origin:0 0;position:absolute}.unete{width:calc(54 * var(--u));padding:calc(2.2 * var(--u)) calc(3 * var(--u)) calc(2 * var(--u));align-items:center;gap:calc(1 * var(--u));flex-direction:column;display:flex}.pestana{left:calc(3 * var(--u));top:calc(-5 * var(--u));padding:calc(.9 * var(--u)) calc(2.4 * var(--u)) calc(.7 * var(--u));border-radius:calc(1.8 * var(--u)) calc(1.8 * var(--u)) 0 0;background:var(--tinta);color:var(--crema);font:800 calc(3.2 * var(--u))/1 var(--titulo);white-space:nowrap;position:absolute}.unete-qr{align-items:center;gap:calc(3 * var(--u));display:flex}.marco-qr{padding:calc(.9 * var(--u));border:calc(.5 * var(--u)) solid var(--tinta);border-radius:calc(1.8 * var(--u));background:#fff;display:block}.marco-qr canvas{width:calc(18 * var(--u));height:calc(18 * var(--u));display:block}.unete-escanea{align-items:center;gap:calc(1 * var(--u));max-width:calc(16 * var(--u));font:800 calc(3.6 * var(--u))/1.05 var(--titulo);text-align:center;flex-direction:column;margin:0;display:flex}#lobby-icono-cel{font-size:calc(8 * var(--u))}#lobby-icono-cel .icono{animation:4s ease-in-out infinite vibrar}@keyframes vibrar{0%,12%,to{transform:rotate(0)}2%,6%,10%{transform:rotate(-9deg)}4%,8%{transform:rotate(9deg)}}.fichas{gap:calc(1.6 * var(--u));display:flex}.ficha{--b:calc(.45 * var(--u));--k:calc(.9 * var(--u));--sombra:var(--sombra-chica);width:calc(8.6 * var(--u));height:calc(9.4 * var(--u));padding-top:calc(.8 * var(--u));border-radius:calc(2 * var(--u)) calc(1.6 * var(--u)) calc(2.2 * var(--u)) calc(1.7 * var(--u));font:800 calc(6.8 * var(--u))/1 var(--titulo);place-items:center;display:grid}.ficha.f0{transform:rotate(-2deg)}.ficha.f1{transform:rotate(1.5deg)}.ficha.f2{transform:rotate(-1deg)}.ficha.f3{transform:rotate(2deg)}.unete-manual{margin:calc(.6 * var(--u)) 0 0;color:var(--tinta-suave);font:700 calc(2.4 * var(--u))/1.2 var(--texto);white-space:nowrap}.unete-manual strong{color:var(--tinta)}.boletos{gap:calc(1.6 * var(--u));margin-top:calc(.4 * var(--u));display:flex}.boleto{height:calc(5.4 * var(--u));padding:calc(.4 * var(--u)) calc(2.2 * var(--u)) 0;border:calc(.4 * var(--u)) dashed var(--tinta);border-radius:calc(1.4 * var(--u));background:var(--crema);box-shadow:0 calc(.7 * var(--u)) 0 calc(-.4 * var(--u)) var(--canto), 0 calc(.7 * var(--u)) 0 0 var(--tinta);color:var(--tinta);font:800 calc(2.7 * var(--u))/1 var(--titulo);white-space:nowrap;cursor:pointer}.boleto.elegido{background:linear-gradient(#5fd9bf, var(--menta) 55%);box-shadow:0 calc(.7 * var(--u)) 0 calc(-.4 * var(--u)) var(--menta-canto), 0 calc(.7 * var(--u)) 0 0 var(--tinta);border-style:solid}#btn-empezar{height:calc(9 * var(--u));margin-top:calc(.8 * var(--u))}.marca{right:calc(-2.6 * var(--u));top:calc(-9.1 * var(--u));width:auto;height:calc(9 * var(--u));position:absolute;transform:rotate(4deg)}.llegada{left:calc(66 * var(--u));right:calc(9 * var(--u));bottom:calc(4.6 * var(--u));align-items:center;gap:calc(1.4 * var(--u));flex-direction:column;display:flex;position:absolute}.lobby-pista{--o:.1em;--abajo:.05em;color:var(--crema);font:800 calc(3 * var(--u))/1.2 var(--titulo);text-align:center;margin:0}.invitados{--ancho:calc(12.5 * var(--u));justify-content:center;align-items:flex-start;gap:calc(1.5 * var(--u));margin:0;padding:0;list-style:none;display:flex}.invitados li{align-items:center;gap:calc(.8 * var(--u));width:var(--ancho);flex-direction:column;display:flex;position:relative}.invitados .estampa{--s:calc(var(--ancho) * .88);transition:opacity .3s}.invitados li:not(.listo) .estampa{opacity:.35;border-style:dashed}.invitados li.listo .estampa{animation:.45s cubic-bezier(.3,1.6,.5,1) estampa-pop}@keyframes estampa-pop{0%{transform:scale(.5)}}.invitados .nombre{--o:.1em;--abajo:.05em;width:var(--ancho);text-align:center;color:var(--crema);font:800 calc(var(--ancho) * .256)/1.2 var(--titulo);white-space:nowrap;overflow:hidden}.invitados .nombre.dos-renglones{white-space:normal;line-height:1}.invitados li:not(.listo) .nombre{opacity:.7}.invitados .mascota .estampa{background:var(--crema);place-items:center;display:grid}.invitados .huellita{font-size:calc(var(--ancho) * .5)}.papelitos{pointer-events:none;position:absolute;top:35%;left:50%}.papelitos i{width:calc(1.2 * var(--u));height:calc(1.8 * var(--u));margin:calc(-.9 * var(--u)) 0 0 calc(-.6 * var(--u));border:calc(.25 * var(--u)) solid var(--tinta);border-radius:calc(.3 * var(--u));background:var(--color,var(--sol));animation:.8s ease-out forwards papelito;position:absolute}@keyframes papelito{to{transform:translate(var(--x), var(--y)) rotate(var(--giro));opacity:0}}.btn-sonido{right:calc(9 * var(--u));top:calc(14 * var(--u));position:absolute}.sonido-etiqueta{--o:.1em;--abajo:.05em;right:calc(3.5 * var(--u));top:calc(24.8 * var(--u));width:calc(25 * var(--u));color:var(--crema);font:800 calc(3 * var(--u))/1.1 var(--titulo);text-align:center;animation:1.4s ease-in-out infinite menear;position:absolute}@keyframes menear{0%,to{transform:rotate(-3deg)}50%{transform:rotate(2deg) translateX(calc(-.6 * var(--u)))}}.avisos{top:calc(15 * var(--u));right:calc(9 * var(--u));z-index:25;align-items:flex-end;gap:calc(1.6 * var(--u));pointer-events:none;flex-direction:column;display:flex;position:fixed}body[data-capa=lobby] .avisos{top:calc(35 * var(--u))}body[data-capa=festejo] .avisos{top:calc(34 * var(--u))}body[data-capa=cumple] .avisos{top:calc(62 * var(--u))}.aviso{--b:calc(.45 * var(--u));--k:calc(.7 * var(--u));align-items:center;gap:calc(1.4 * var(--u));height:calc(7 * var(--u));padding:calc(.4 * var(--u)) calc(2.6 * var(--u)) 0 calc(1.4 * var(--u));border:var(--b) solid var(--tinta);border-radius:calc(3.6 * var(--u)) calc(3 * var(--u)) calc(3.8 * var(--u)) calc(3.2 * var(--u));background:linear-gradient(var(--crema-clara), var(--crema) 55%);box-shadow:0 var(--k) 0 calc(var(--b) * -1) var(--canto), 0 var(--k) 0 0 var(--tinta), var(--sombra-chica);font:800 calc(3.6 * var(--u))/1 var(--titulo);white-space:nowrap;will-change:transform, opacity;animation:.25s cubic-bezier(.3,1.5,.5,1) aviso-entra;display:flex}.aviso .estampa{--s:calc(8.6 * var(--u));margin:calc(-1.2 * var(--u)) 0 calc(-1.2 * var(--u)) calc(-3.6 * var(--u))}.aviso-texto{align-items:center;gap:.3em;display:flex}.aviso-texto .icono{font-size:1.1em}.aviso.sale{animation:.2s ease-in forwards aviso-sale}@keyframes aviso-entra{0%{transform:translateX(calc(4 * var(--u)));opacity:0}}@keyframes aviso-sale{to{transform:translateY(calc(-1 * var(--u)));opacity:0}}.hud{z-index:5;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.reloj{top:calc(3 * var(--u));width:calc(13 * var(--u));height:calc(14.4 * var(--u));margin-left:calc(-6.5 * var(--u));will-change:transform;position:absolute;left:50%}.reloj svg{width:100%;height:100%;display:block}.reloj-anillo{stroke:var(--sol)}.reloj-numero{left:0;right:0;top:calc(5.4 * var(--u));font:800 calc(6.6 * var(--u))/1 var(--titulo);font-variant-numeric:tabular-nums;text-align:center;position:absolute}.reloj.urgente .reloj-anillo{stroke:var(--coral)}.reloj.urgente .reloj-numero{color:var(--coral)}.reloj.urgente{animation:1s ease-in-out infinite latir}@keyframes latir{15%{transform:scale(1.08)}30%{transform:scale(1)}}.reloj.progreso .reloj-numero{top:calc(6.3 * var(--u));font-size:calc(4.6 * var(--u))}.hud-ronda{--b:calc(.45 * var(--u));--k:calc(.7 * var(--u));--sombra:var(--sombra-chica);top:calc(4 * var(--u));right:calc(9 * var(--u));align-items:center;gap:calc(1.6 * var(--u));height:calc(8 * var(--u));padding:0 calc(2.2 * var(--u)) 0 calc(1 * var(--u));border-radius:calc(3 * var(--u)) calc(2.6 * var(--u)) calc(3.2 * var(--u)) calc(2.7 * var(--u));display:flex;position:absolute}.estampa-juego{width:calc(6 * var(--u));height:calc(6 * var(--u));border:calc(.35 * var(--u)) solid var(--tinta);font-size:calc(4.2 * var(--u));background:#fff;border-radius:50%;place-items:center;display:grid}.estampa-juego img.icono{width:1.15em;height:1.15em}.marcador{top:calc(4 * var(--u));left:calc(9 * var(--u));gap:calc(1.1 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:absolute}.marcador li{height:calc(6.5 * var(--u));align-items:center;display:flex}.marcador .estampa{--s:calc(6.5 * var(--u));z-index:1}.marcador .pts{min-width:calc(8.4 * var(--u));height:calc(5.4 * var(--u));margin-left:calc(-1.8 * var(--u));padding:calc(.5 * var(--u)) calc(1.4 * var(--u)) 0 calc(2.8 * var(--u));border:calc(.4 * var(--u)) solid var(--tinta);border-radius:0 calc(2.4 * var(--u)) calc(2.4 * var(--u)) 0;background:linear-gradient(var(--crema-clara), var(--crema) 55%);box-shadow:0 calc(.6 * var(--u)) 0 calc(-.4 * var(--u)) var(--canto), 0 calc(.6 * var(--u)) 0 0 var(--tinta);font:800 calc(4.4 * var(--u))/1 var(--titulo);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.marcador .lider-estrella{margin-left:calc(.8 * var(--u));font-size:calc(4 * var(--u));display:none}.marcador li.lider .estampa{background:var(--sol)}.marcador li.lider .pts{background:linear-gradient(#fff3c4, var(--sol-palido) 55%);box-shadow:0 calc(.6 * var(--u)) 0 calc(-.4 * var(--u)) var(--sol-canto), 0 calc(.6 * var(--u)) 0 0 var(--tinta)}.marcador li.lider .lider-estrella{display:flex}.equipo{--b:calc(.45 * var(--u));top:calc(5 * var(--u));align-items:center;gap:calc(1.4 * var(--u));height:calc(9 * var(--u));padding:0 calc(2.6 * var(--u)) 0 calc(1.4 * var(--u));border:var(--b) solid var(--tinta);border-radius:calc(1.6 * var(--u)) calc(4.5 * var(--u)) calc(4.5 * var(--u)) calc(1.6 * var(--u));background:var(--equipo);box-shadow:0 calc(.9 * var(--u)) 0 calc(var(--b) * -1) #1f224673, 0 calc(.9 * var(--u)) 0 0 var(--tinta), var(--sombra-chica);display:flex;position:absolute}.equipo.izquierda{right:calc(50% + calc(8.6 * var(--u)));padding:0 calc(1.4 * var(--u)) 0 calc(2.6 * var(--u));border-radius:calc(4.5 * var(--u)) calc(1.6 * var(--u)) calc(1.6 * var(--u)) calc(4.5 * var(--u));flex-direction:row-reverse}.equipo.derecha{left:calc(50% + calc(8.6 * var(--u)))}.equipo .caras{display:flex}.equipo .estampa{--s:calc(5.2 * var(--u));margin-left:calc(-1.6 * var(--u))}.equipo .estampa:first-child{margin-left:0}.equipo.gol{animation:.35s ease-in-out 4 alternate gol-equipo}@keyframes gol-equipo{to{transform:scale(1.2)}}.equipo .goles{--o:.08em;color:var(--crema);font:800 calc(7 * var(--u))/1 var(--titulo);padding-top:calc(.6 * var(--u))}.hud-instruccion{bottom:calc(6 * var(--u));padding:calc(1.4 * var(--u)) calc(3.6 * var(--u)) calc(1.2 * var(--u));border:calc(.45 * var(--u)) solid var(--tinta);background:var(--crema);box-shadow:0 calc(.7 * var(--u)) 0 calc(-.45 * var(--u)) var(--canto), 0 calc(.7 * var(--u)) 0 0 var(--tinta);font:800 calc(3.4 * var(--u)) var(--texto);white-space:nowrap;border-radius:99px;margin:0;transition:opacity .5s;position:absolute;left:50%;transform:translate(-50%)}.adultos{right:calc(9 * var(--u));bottom:calc(5 * var(--u));z-index:36;gap:calc(2 * var(--u));transition:opacity .4s;display:flex;position:fixed}.adultos.apagado{opacity:.4}body[data-capa=resultados] .adultos,body[data-capa=respiro] .adultos,body[data-capa=premios] .adultos,body[data-capa=escoge] .adultos{right:auto;left:calc(9 * var(--u))}body.en-pausa .adultos{display:none}.tarjeta-juego{width:calc(96 * var(--u));padding:calc(3 * var(--u)) calc(5 * var(--u)) calc(4.6 * var(--u));will-change:transform;flex-direction:column;align-items:center;animation:.4s cubic-bezier(.3,1.4,.5,1) both tarjeta-pop;display:flex;transform:rotate(-1deg)}@keyframes tarjeta-pop{0%{opacity:0;transform:rotate(-4deg)scale(.6)}}.ronda-arriba{z-index:1;justify-content:center;align-items:center;gap:calc(2 * var(--u));min-height:calc(6 * var(--u));display:flex;position:relative}.etiqueta{padding:calc(.9 * var(--u)) calc(2 * var(--u)) calc(.6 * var(--u));border:calc(.4 * var(--u)) solid var(--tinta);background:var(--menta);color:var(--crema);font:800 calc(3 * var(--u))/1 var(--titulo);border-radius:99px}.ronda-dibujo{width:calc(26 * var(--u));height:calc(26 * var(--u));margin-top:calc(1.4 * var(--u));place-items:center;display:grid;position:relative}.rayos{width:calc(34 * var(--u));height:calc(34 * var(--u));margin:calc(-17 * var(--u)) 0 0 calc(-17 * var(--u));background:repeating-conic-gradient(var(--sol-palido) 0 11.25deg, var(--crema) 11.25deg 22.5deg);will-change:transform;border-radius:50%;animation:20s linear infinite girar;position:absolute;top:50%;left:50%}.ronda-icono{font-size:calc(22 * var(--u));place-items:center;display:grid;position:relative}.ronda-icono img.icono{width:1.1em;height:1.1em}.tarjeta-juego .liston{--h:calc(11 * var(--u));margin-top:calc(.6 * var(--u))}.tarjeta-juego .liston>b{min-width:calc(80 * var(--u))}.ronda-instruccion{max-width:calc(82 * var(--u));margin:calc(3.4 * var(--u)) 0 0;font:800 calc(4.4 * var(--u))/1.15 var(--texto);text-wrap:balance}.tarjeta-juego:not(.con-pasos) .ronda-estampa,.tarjeta-juego:not(.con-pasos) .vinetas,.tarjeta-juego:not(.con-pasos) .listos,.tarjeta-juego.con-pasos .ronda-dibujo,.tarjeta-juego.con-pasos .ronda-instruccion{display:none}.tarjeta-juego.con-pasos{grid-template-columns:calc(24 * var(--u)) 1fr calc(24 * var(--u));align-items:center;row-gap:calc(1.6 * var(--u));width:calc(150 * var(--u));padding:calc(2 * var(--u)) calc(3 * var(--u)) calc(2.6 * var(--u));grid-template-areas:"estampa liston numero""pasos pasos pasos""listos listos listos""seguir seguir seguir";display:grid;transform:rotate(-.5deg)}.con-pasos .ronda-estampa{width:calc(14 * var(--u));height:calc(14 * var(--u));padding:calc(.8 * var(--u));border-radius:calc(2.4 * var(--u));box-shadow:0 0 0 calc(.45 * var(--u)) var(--tinta);font-size:calc(12 * var(--u));background:#fff;grid-area:estampa;place-items:center;display:grid;transform:rotate(-6deg)}.ronda-estampa .icono{object-fit:contain;width:100%;height:100%}.ronda-estampa .zzz{display:none}.con-pasos .ronda-liston{--h:calc(11 * var(--u));grid-area:liston;margin:0 auto}.con-pasos .ronda-liston>b{min-width:0;max-width:calc(84 * var(--u));font-size:calc(6.6 * var(--u))}.con-pasos .ronda-arriba{grid-area:numero;justify-content:flex-end;min-height:0}.con-pasos #btn-seguir{margin-top:calc(1 * var(--u));grid-area:seguir;justify-self:center}.vinetas{gap:calc(5 * var(--u));grid-area:pasos;grid-template-columns:1fr 1fr;display:grid}.vineta{padding:calc(1.4 * var(--u)) 0 calc(1 * var(--u));border-radius:calc(3.2 * var(--u)) calc(2.6 * var(--u)) calc(3.4 * var(--u)) calc(2.8 * var(--u));background:var(--hundida);box-shadow:inset 0 calc(.8 * var(--u)) calc(1.6 * var(--u)) #78501e38, 0 0 0 calc(.4 * var(--u)) #1f224640;flex-direction:column;align-items:center;transition:transform .25s,opacity .25s;animation:.45s cubic-bezier(.3,1.6,.5,1) both vineta-entra;display:flex;position:relative;overflow:hidden}.vineta.v1{animation-delay:.5s}.vineta.v2{animation-delay:2s}.en-como .vineta.v1{animation-delay:.15s}.en-como .vineta.v2{animation-delay:.6s}@keyframes vineta-entra{0%{opacity:0;transform:scale(.4)}}.vineta.prendida{box-shadow:inset 0 calc(.8 * var(--u)) calc(1.6 * var(--u)) #78501e38, 0 0 0 calc(.7 * var(--u)) var(--sol);transform:scale(1.04)}.vineta.apagada{opacity:.6}.vineta-num{left:calc(1.4 * var(--u));top:calc(1.2 * var(--u));z-index:1;width:calc(5 * var(--u));height:calc(5 * var(--u));background:var(--tinta);color:var(--crema);font:800 calc(3.4 * var(--u))/calc(5.2 * var(--u)) var(--titulo);text-align:center;border-radius:50%;position:absolute}.vineta-dibujo{--l:var(--u)}.vineta-pie{margin-top:calc(.4 * var(--u));color:var(--tinta);font:800 calc(6 * var(--u))/1.15 var(--titulo);white-space:nowrap}.vineta-pie.largo{font-size:calc(5.2 * var(--u))}.vineta-pie.muy-largo{font-size:calc(4.6 * var(--u))}.listos{justify-content:center;align-items:center;gap:calc(1.4 * var(--u));height:calc(11 * var(--u));border-radius:calc(2.4 * var(--u));background:var(--hundida);box-shadow:inset 0 calc(.6 * var(--u)) calc(1.2 * var(--u)) #78501e33;grid-area:listos;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.listos-texto{color:var(--tinta);font:800 calc(4.5 * var(--u))/1 var(--titulo);opacity:0;transition:opacity .3s}.listos.pidiendo .listos-texto{opacity:1}.listos-caras{gap:calc(1.2 * var(--u));display:flex}.listos-carita{width:calc(8 * var(--u));height:calc(8 * var(--u));opacity:.4;box-shadow:0 0 0 calc(.4 * var(--u)) var(--tinta);border-radius:50%;position:relative}.listos-carita img{border-radius:50%;width:100%;height:100%;display:block}.listos-carita.lista{opacity:1;animation:.25s ease-out both listo-pop}.listos-carita.lista:after{content:"";right:calc(-1 * var(--u));bottom:calc(-.6 * var(--u));width:calc(3.8 * var(--u));height:calc(3.8 * var(--u));background:var(--menta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M13 25 L21 33 L36 16' fill='none' stroke='%23FFF6E5' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat;box-shadow:0 0 0 calc(.35 * var(--u)) var(--tinta);border-radius:50%;position:absolute}@keyframes listo-pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}to{transform:scale(1)}}.listos-barra{width:100%;height:calc(1 * var(--u));background:var(--sol);transform-origin:0;position:absolute;bottom:0;left:0;transform:scaleX(0)}.listos.pidiendo .listos-barra{animation:listos-vaciar var(--espera,5s) linear both}@keyframes listos-vaciar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.listos.todos{background:var(--sol-palido)}.listos.todos .listos-carita{animation:.35s ease-out both listo-brinco;animation-delay:calc(var(--i) * 60ms)}@keyframes listo-brinco{50%{transform:translateY(calc(-1.6 * var(--u)))}}.ronda.en-demo{padding-top:calc(2.4 * var(--u));place-items:start center}.tarjeta-juego.con-pasos.en-demo{grid-template-columns:calc(16 * var(--u)) 1fr;column-gap:calc(2.4 * var(--u));row-gap:calc(.4 * var(--u));width:calc(118 * var(--u));padding:calc(1.2 * var(--u)) calc(2.4 * var(--u)) calc(1.4 * var(--u));grid-template-areas:"estampa pasos""liston pasos";animation:.4s cubic-bezier(.3,1.2,.5,1) both franja-sube}@keyframes franja-sube{0%{opacity:.4;transform:translateY(25%)scale(1.25)rotate(-.5deg)}}.en-demo .ronda-arriba,.en-demo #btn-seguir{display:none}.en-demo .ronda-estampa{width:calc(13 * var(--u));height:calc(13 * var(--u));justify-self:center}.en-demo .ronda-liston{--h:calc(6 * var(--u));justify-self:center}.en-demo .ronda-liston>b{font-size:calc(3.2 * var(--u));min-width:0;max-width:calc(17 * var(--u));white-space:normal;line-height:1.05}.en-demo .vinetas{gap:calc(2 * var(--u))}.en-demo .vineta{padding:calc(.5 * var(--u)) 0 calc(.4 * var(--u));animation:none}.en-demo .vineta-num{width:calc(3.4 * var(--u));height:calc(3.4 * var(--u));font-size:calc(2.4 * var(--u));line-height:calc(3.5 * var(--u));left:calc(.8 * var(--u));top:calc(.6 * var(--u))}.en-demo .vineta-dibujo{--l:calc(var(--u) * .4)}.en-demo .vineta-pie,.en-demo .vineta-pie.largo,.en-demo .vineta-pie.muy-largo{font-size:calc(3.2 * var(--u));margin-top:0}.en-demo .listos{left:50%;top:calc(100vh - 17.4 * var(--u));width:calc(110 * var(--u));position:absolute;transform:translate(-50%)}.en-demo .ronda-liston>b{height:auto;min-height:var(--h);padding-bottom:calc(var(--h) * .1)}.en-demo .ronda-liston>b:before{content:"▶  Así se juega";left:50%;top:calc(100% + 1.2 * var(--u));padding:calc(.5 * var(--u)) calc(2.6 * var(--u));border-radius:calc(2 * var(--u));background:var(--sol);color:var(--tinta);box-shadow:0 0 0 calc(.4 * var(--u)) var(--tinta);font:800 calc(3.2 * var(--u)) / 1.2 var(--titulo);white-space:pre;position:absolute;transform:translate(-50%)rotate(1deg)}.hud-instruccion.con-pasos{gap:calc(1.6 * var(--u));padding:calc(.8 * var(--u)) calc(2.4 * var(--u));border-radius:calc(3 * var(--u));display:flex}.hud-paso{--l:calc(var(--u) * 9 / 39);position:relative}.hud-paso b{z-index:1;width:calc(3 * var(--u));height:calc(3 * var(--u));background:var(--tinta);color:var(--crema);font:800 calc(2 * var(--u))/calc(3.1 * var(--u)) var(--titulo);text-align:center;border-radius:50%;position:absolute;top:0;left:0}.recuerdo{top:calc(15 * var(--u));right:calc(5 * var(--u));z-index:18;padding:calc(1 * var(--u)) calc(1.6 * var(--u)) calc(.8 * var(--u));border:calc(.45 * var(--u)) solid var(--tinta);border-radius:calc(2.6 * var(--u));background:var(--hundida);box-shadow:0 calc(.8 * var(--u)) 0 calc(-.45 * var(--u)) var(--canto), 0 calc(.8 * var(--u)) 0 0 var(--tinta);pointer-events:none;--l:calc(var(--u) * .4);flex-direction:column;align-items:center;display:flex;position:fixed;transform:rotate(2deg)}.recuerdo b{margin-top:calc(.3 * var(--u));color:var(--tinta);font:800 calc(3.6 * var(--u))/1.1 var(--titulo);white-space:nowrap}.recuerdo.pum{animation:.3s cubic-bezier(.3,1.6,.5,1) recuerdo-entra}.recuerdo.sale{animation:.25s ease-in forwards recuerdo-sale}@keyframes recuerdo-entra{0%{transform:rotate(2deg) translateX(calc(8 * var(--u)));opacity:0}}@keyframes recuerdo-sale{to{transform:rotate(2deg) translateX(calc(6 * var(--u)));opacity:0}}.cuenta{--o:.05em;--abajo:.04em;z-index:20;pointer-events:none;color:var(--crema);font:800 calc(30 * var(--u)) / 1.1 var(--titulo);white-space:nowrap;will-change:transform;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cuenta.ya{color:var(--sol)}.cuenta.pum{animation:.5s ease-out pum}.letrero{--h:calc(9 * var(--u));top:calc(19.5 * var(--u));z-index:18;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.letrero.pum{animation:.3s cubic-bezier(.3,1.6,.5,1) letrero-cae}.letrero.sale{animation:.25s ease-in forwards letrero-sube}@keyframes letrero-cae{0%{transform:translate(-50%, calc(-6 * var(--u)));opacity:0}}@keyframes letrero-sube{to{transform:translate(-50%, calc(-3 * var(--u)));opacity:0}}.resultados{place-items:center end}.tarjeta-resultados{width:calc(74 * var(--u));padding:calc(7.6 * var(--u)) calc(3.4 * var(--u)) calc(2.6 * var(--u));flex-direction:column;align-items:stretch;animation:.4s cubic-bezier(.3,1.4,.5,1) both tarjeta-pop;display:flex;transform:rotate(1deg)}.tarjeta-resultados>.liston{--h:calc(10 * var(--u));top:calc(-5.4 * var(--u));margin:0;position:absolute;left:50%;transform:translate(-50%)}.resultados-sub{justify-content:center;align-items:center;gap:calc(1.6 * var(--u));margin:0 0 calc(2 * var(--u));color:var(--tinta-suave);font:800 calc(2.8 * var(--u))/1.2 var(--texto);display:flex}.podio{gap:calc(1.2 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.podio li{align-items:center;gap:calc(1.8 * var(--u));height:calc(7.5 * var(--u));padding:0 calc(2.2 * var(--u)) 0 calc(1.2 * var(--u));border-radius:calc(2 * var(--u));background:var(--hundida);box-shadow:inset 0 calc(.4 * var(--u)) 0 #1f22461f;font:800 calc(3.8 * var(--u))/1 var(--titulo);text-align:left;animation:.3s ease-out both fila-entra;display:flex}@keyframes fila-entra{0%{transform:translateX(calc(4 * var(--u)));opacity:0}}.podio li.primero{height:calc(11 * var(--u));margin-bottom:calc(.8 * var(--u));border:calc(.45 * var(--u)) solid var(--tinta);background:var(--sol-palido);box-shadow:0 calc(.8 * var(--u)) 0 calc(-.45 * var(--u)) var(--sol-canto), 0 calc(.8 * var(--u)) 0 0 var(--tinta);font-size:calc(4.8 * var(--u))}.podio .lugar{width:calc(6 * var(--u));font-size:calc(4.4 * var(--u));justify-content:center;display:flex}.podio li.primero .lugar{font-size:calc(7 * var(--u))}.podio .estampa{--s:calc(6 * var(--u))}.podio li.primero .estampa{--s:calc(9 * var(--u))}.podio .nombre{gap:calc(.4 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.podio .quien{text-overflow:ellipsis;white-space:nowrap;padding-top:.2em;overflow:hidden}.podio .detalle{color:var(--tinta-suave);font:800 calc(2.3 * var(--u))/1 var(--texto)}.podio li.primero .detalle{font-size:calc(2.9 * var(--u))}.podio .estrellas{align-items:center;gap:calc(.8 * var(--u));white-space:nowrap;display:flex}.podio .estrellas>span:first-child{font-size:1.1em;display:flex}.podio .ganadas{color:var(--menta-canto);font-size:.62em}.podio.compacto{gap:calc(.9 * var(--u))}.podio.compacto li{height:calc(6.2 * var(--u));font-size:calc(3.3 * var(--u))}.podio.compacto li.primero{height:calc(9.4 * var(--u));font-size:calc(4.2 * var(--u))}.podio.compacto .estampa{--s:calc(5.2 * var(--u))}.podio.compacto li.primero .estampa{--s:calc(7.8 * var(--u))}.podio.compacto .detalle{font-size:calc(2 * var(--u))}.tarjeta-resultados>.boton{margin-top:calc(2.6 * var(--u));align-self:center}.pausa{z-index:35;background:#1f22468c}.tarjeta-pausa{width:calc(80 * var(--u));padding:calc(7.6 * var(--u)) calc(6 * var(--u)) calc(4 * var(--u));flex-direction:column;align-items:center;display:flex}.tarjeta-pausa>.liston{--h:calc(10.6 * var(--u));top:calc(-5.6 * var(--u));margin:0;position:absolute;left:50%;transform:translate(-50%)}.pausa-falta{align-items:center;gap:calc(1.6 * var(--u));margin-bottom:calc(2.4 * var(--u));color:var(--tinta-suave);font:700 calc(2.7 * var(--u))/1.2 var(--texto);white-space:nowrap;display:flex}.pausa-menu{align-items:center;gap:calc(1.6 * var(--u));flex-direction:column;width:100%;display:flex}.pausa-menu .boton{width:calc(62 * var(--u));justify-content:flex-start}.pausa-menu .boton.secundario{height:calc(7.2 * var(--u));font-size:calc(3.6 * var(--u))}.pausa-menu .boton.chico{width:calc(50 * var(--u));height:calc(6.6 * var(--u));margin-top:calc(1.6 * var(--u));font-size:calc(3.2 * var(--u))}.pausa-menu h2{font-size:calc(6 * var(--u))}.pausa-aviso{margin:calc(-1 * var(--u)) 0 calc(1.4 * var(--u));color:var(--tinta-suave);font:800 calc(3 * var(--u))/1.2 var(--texto)}.pausa-mano{z-index:2;width:calc(8 * var(--u));height:calc(8 * var(--u));margin:calc(-4 * var(--u)) 0 0 calc(-10.5 * var(--u));font-size:calc(8 * var(--u));pointer-events:none;transition:top .15s ease-out,left .15s ease-out;animation:.7s ease-in-out infinite alternate senalar;position:absolute}@keyframes senalar{to{transform:translateX(calc(1 * var(--u)))}}body.en-pausa :not(.pausa-mano){animation-play-state:paused!important}body.en-pausa .ronda.en-como *{animation-play-state:running!important}.tarjeta-juego #btn-seguir{margin-top:calc(3 * var(--u))}.respiro{place-items:center end}.respiro .tarjeta{width:calc(70 * var(--u));padding-top:calc(3 * var(--u))}.chips{justify-content:center;gap:calc(1.2 * var(--u));margin:calc(2.4 * var(--u)) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chips.estrellas .chip{align-items:center;gap:calc(1 * var(--u));padding:calc(.5 * var(--u)) calc(1.8 * var(--u)) calc(.5 * var(--u)) calc(.5 * var(--u));background:var(--hundida);box-shadow:inset 0 calc(.4 * var(--u)) 0 #1f22461f;font:800 calc(2.8 * var(--u))/1 var(--titulo);border-radius:99px;display:flex}.chips.estrellas .estampa{--s:calc(5 * var(--u))}.chips .cuantas{align-items:center;gap:calc(.5 * var(--u));display:flex}.ruleta-zona{margin-top:calc(2 * var(--u))}.ruleta-texto{margin:0 0 calc(1.6 * var(--u));font:800 calc(3.4 * var(--u))/1.1 var(--titulo);justify-content:center;align-items:center;gap:.3em;display:flex}.ruleta-texto.resultado{font-size:calc(4.2 * var(--u))}.ruleta-texto.pum{animation:.45s cubic-bezier(.3,1.6,.5,1) estampa-pop}.ruleta{width:calc(34 * var(--u));height:calc(34 * var(--u));margin:0 auto;position:relative}.ruleta svg{will-change:transform;width:100%;height:100%;overflow:visible}.ruleta-flecha{top:calc(-2.4 * var(--u));width:calc(4.8 * var(--u));height:calc(5.4 * var(--u));margin-left:calc(-2.4 * var(--u));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 46'%3E%3Cpath d='M4 4H36L20 42Z' fill='%23FFC53D' stroke='%231F2246' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;left:50%}.ruleta-leyenda{justify-content:center;gap:calc(1.4 * var(--u));margin:calc(2 * var(--u)) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.ruleta-leyenda li{align-items:center;gap:calc(1 * var(--u));padding:calc(.5 * var(--u)) calc(2 * var(--u)) calc(.5 * var(--u)) calc(.6 * var(--u));border:calc(.4 * var(--u)) solid var(--tinta);background:var(--crema);font:800 calc(2.8 * var(--u))/1 var(--titulo);border-radius:99px;display:flex}.leyenda-dibujo{width:calc(4.6 * var(--u));height:calc(4.6 * var(--u));background:var(--color);font-size:calc(3.2 * var(--u));border-radius:50%;place-items:center;display:grid}.premios{place-items:center end}.premios .tarjeta{width:calc(72 * var(--u));padding-top:calc(3 * var(--u))}.premio-actual{min-height:calc(18 * var(--u));margin-top:calc(2.4 * var(--u))}.premio{align-items:center;gap:calc(2.4 * var(--u));padding:calc(1.6 * var(--u)) calc(2.4 * var(--u)) calc(1.6 * var(--u)) calc(1.6 * var(--u));border:calc(.45 * var(--u)) solid var(--tinta);border-radius:calc(3 * var(--u));background:var(--sol-palido);box-shadow:0 calc(.8 * var(--u)) 0 calc(-.45 * var(--u)) var(--sol-canto), 0 calc(.8 * var(--u)) 0 0 var(--tinta);text-align:left;animation:.45s cubic-bezier(.3,1.6,.5,1) estampa-pop;display:flex}.premio .estampa{--s:calc(13 * var(--u))}.medalla-premio{width:calc(11.5 * var(--u));margin:calc(-1.5 * var(--u)) 0;flex:none;position:relative}.medalla-premio img{width:100%;display:block}.medalla-icono{width:calc(5.6 * var(--u));height:calc(5.6 * var(--u));margin:calc(-2.8 * var(--u)) 0 0 calc(-2.8 * var(--u));font-size:calc(5.2 * var(--u));place-items:center;display:grid;position:absolute;top:61.6%;left:49.5%}.premio-texto{gap:calc(.4 * var(--u));min-width:0;display:grid}.premio-quien{color:var(--tinta-suave);font:800 calc(3 * var(--u)) var(--titulo)}.premio-nombre{font:800 calc(4.6 * var(--u))/1.1 var(--titulo);align-items:center;gap:.3em;display:flex}.premio-motivo{color:var(--tinta-suave);font:800 calc(2.6 * var(--u)) var(--texto)}.premios-lista{gap:calc(1 * var(--u));margin:calc(2.4 * var(--u)) 0 0;grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.premios-lista li{align-items:center;gap:calc(1 * var(--u));padding:calc(.4 * var(--u)) calc(1.6 * var(--u)) calc(.4 * var(--u)) calc(.4 * var(--u));background:var(--hundida);font:800 calc(2.4 * var(--u))/1 var(--titulo);text-align:left;border-radius:99px;display:flex}.premios-lista .estampa{--s:calc(4.6 * var(--u))}.festejo{z-index:10;padding:calc(13 * var(--u)) calc(9 * var(--u)) calc(6 * var(--u));color:var(--crema);text-align:center;pointer-events:none;position:fixed;top:0;bottom:auto;left:0;right:0}.festejo h2{width:max-content;max-width:calc(140 * var(--u));padding:calc(1.2 * var(--u)) calc(5 * var(--u)) calc(.5 * var(--u));border:calc(.55 * var(--u)) solid var(--tinta);border-radius:calc(1 * var(--u));background:linear-gradient(var(--sol-claro), var(--sol) 55%);color:var(--tinta);font-size:calc(7.2 * var(--u));text-shadow:none;justify-content:center;align-items:center;gap:.25em;margin:0 auto;display:flex;position:relative}.festejo h2:before,.festejo h2:after{content:"";top:calc(1.6 * var(--u));z-index:-1;width:calc(11 * var(--u));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 101 106'%3E%3Cpath d='M0 0H95V100H0L32 50Z' fill='%23D9A21F' stroke='%231F2246' stroke-width='4.6' stroke-linejoin='round'/%3E%3Cpath d='M75 84L95 100L95 82Z' fill='%23B9841A' stroke='%231F2246' stroke-width='3.6' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;height:100%;position:absolute}.festejo h2:before{left:calc(-8.6 * var(--u))}.festejo h2:after{right:calc(-8.6 * var(--u));transform:scaleX(-1)}.festejo h2 .icono{font-size:.9em}.festejo h2.pum{animation:.5s cubic-bezier(.3,1.6,.5,1) estampa-pop}.festejo p{--o:.09em;--abajo:.04em;max-width:calc(120 * var(--u));margin:calc(1.6 * var(--u)) auto 0;font:800 calc(4 * var(--u))/1.2 var(--texto)}.festejo p:empty{display:none}.destello{z-index:30;pointer-events:none;opacity:0;background:#fff;position:fixed;top:0;bottom:0;left:0;right:0}.destello.pum{animation:.45s ease-out destello}@keyframes destello{0%{opacity:.55}to{opacity:0}}.escoge{place-items:center end}.escoge .tarjeta{width:calc(92 * var(--u));padding-top:calc(3 * var(--u));animation:.4s cubic-bezier(.3,1.4,.5,1) both tarjeta-pop}.escoge-texto{margin:calc(2 * var(--u)) 0 0;color:var(--tinta-suave);font:800 calc(2.8 * var(--u))/1.3 var(--texto);flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em;display:flex}.escoge-opciones{gap:calc(1.6 * var(--u));margin:calc(2.4 * var(--u)) 0 0;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.escoge-opciones li{justify-items:center;gap:calc(.6 * var(--u));padding:calc(1.6 * var(--u)) calc(1 * var(--u)) calc(1.2 * var(--u));border-radius:calc(2.4 * var(--u));background:var(--hundida);box-shadow:inset 0 calc(.4 * var(--u)) 0 #1f22461f;transition:transform .2s;display:grid;position:relative}.escoge-icono{font-size:calc(7 * var(--u));display:flex}.escoge-nombre{font:800 calc(2.4 * var(--u))/1.1 var(--titulo)}.escoge-nuevo{top:calc(-1.2 * var(--u));right:calc(-.8 * var(--u));padding:calc(.4 * var(--u)) calc(1.2 * var(--u)) calc(.2 * var(--u));border:calc(.3 * var(--u)) solid var(--tinta);background:var(--menta);color:var(--crema);font:800 calc(1.8 * var(--u)) var(--titulo);border-radius:99px;position:absolute}.escoge-opciones li.escogido{background:var(--sol-palido);box-shadow:0 0 0 calc(.5 * var(--u)) var(--sol), 0 0 0 calc(.8 * var(--u)) var(--tinta);transform:scale(1.06)}.escoge-opciones li.escogido:before{content:attr(data-n);top:calc(-1.6 * var(--u));left:calc(-1.2 * var(--u));width:calc(4.6 * var(--u));height:calc(4.6 * var(--u));border:calc(.35 * var(--u)) solid var(--tinta);background:var(--coral);color:var(--crema);font:800 calc(2.8 * var(--u))/1 var(--titulo);border-radius:50%;place-items:center;display:grid;position:absolute}.cumple{z-index:10;padding-top:calc(12 * var(--u));color:var(--crema);text-align:center;flex-direction:column;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.cumple-texto{max-width:calc(150 * var(--u))}.cumple-cartel{justify-content:center;align-items:center;gap:calc(3 * var(--u));animation:2.4s ease-in-out infinite alternate flotar;display:flex}.cumple-cartel>.estampa{--s:calc(17 * var(--u))}.cumple-titulo{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.cumple-feliz{--o:.08em;font-size:calc(6.5 * var(--u));line-height:1.05}.cumple-nombre{--o:.06em;--abajo:.07em;max-width:calc(124 * var(--u));color:var(--sol);font-size:calc(13 * var(--u));white-space:nowrap;line-height:1}.cumple-nombre.dos-renglones{white-space:normal;line-height:.95}.edad-sol{border:calc(.5 * var(--u)) solid #fff;background:var(--sol);width:50%;height:50%;box-shadow:0 0 0 calc(.3 * var(--u)) var(--tinta), var(--sombra-chica);color:var(--tinta);font:800 calc(var(--s) * .26)/.85 var(--titulo);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-6%;right:-14%;transform:rotate(-10deg)}.edad-sol span{font-size:.42em;line-height:1}@keyframes flotar{to{transform:translateY(calc(-1 * var(--u))) rotate(-1deg)}}.cumple-mensaje{max-width:calc(110 * var(--u));margin:calc(2 * var(--u)) auto 0;padding:calc(2 * var(--u)) calc(3.4 * var(--u)) calc(1.8 * var(--u));border:calc(.45 * var(--u)) solid var(--tinta);border-radius:calc(2.6 * var(--u)) calc(2.2 * var(--u)) calc(2.8 * var(--u)) calc(2.3 * var(--u));background:var(--crema);box-shadow:0 calc(.9 * var(--u)) 0 calc(-.45 * var(--u)) var(--canto), 0 calc(.9 * var(--u)) 0 0 var(--tinta), var(--sombra-chica);color:var(--tinta);font:800 calc(3.6 * var(--u))/1.3 var(--texto)}.cumple-mensaje:empty{display:none}.cumple-de{--o:.1em;margin:calc(1.6 * var(--u)) 0 0;font:800 calc(3 * var(--u)) var(--texto)}.btn-otra{left:calc(9 * var(--u));bottom:calc(5 * var(--u));position:fixed}.creditos{right:calc(9 * var(--u));bottom:calc(5 * var(--u));align-items:center;gap:calc(1.6 * var(--u));max-width:calc(50 * var(--u));padding:calc(1.4 * var(--u)) calc(2.2 * var(--u)) calc(1.4 * var(--u)) calc(1.4 * var(--u));border:calc(.45 * var(--u)) solid var(--tinta);border-radius:calc(2.4 * var(--u));background:var(--crema);box-shadow:0 calc(.8 * var(--u)) 0 calc(-.45 * var(--u)) var(--canto), 0 calc(.8 * var(--u)) 0 0 var(--tinta);color:var(--tinta);text-align:left;display:flex;position:fixed}.creditos canvas{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:calc(1 * var(--u));flex:none}.creditos strong{font:800 calc(2.6 * var(--u))/1.15 var(--titulo);display:block}.creditos span{color:var(--coral-oscuro);font-weight:800;font-size:calc(2.2 * var(--u));display:block}.creditos small{color:var(--tinta-suave);font-weight:700;font-size:calc(1.8 * var(--u));display:block}.error{z-index:40;background:#1f224699}.error .tarjeta{max-width:calc(100 * var(--u))}.error h2{font-size:calc(6 * var(--u))}.error p{max-width:calc(80 * var(--u));font:700 calc(3 * var(--u))/1.3 var(--texto)}.ojos{top:calc(17 * var(--u));z-index:17;gap:calc(2.2 * var(--u));pointer-events:none;display:flex;position:fixed;left:50%;transform:translate(-50%)}.ojos.pum{animation:.4s cubic-bezier(.3,1.6,.5,1) ojos-pum}.ojos.bajo-franja{top:calc(40 * var(--u));left:20%}@keyframes ojos-pum{0%{opacity:0;transform:translate(-50%)scale(.3)}}.letrero,.ojos{will-change:transform, opacity}#letrero[hidden],#ojos[hidden]{opacity:0;display:flex!important}.ojo{width:calc(10.5 * var(--u));height:calc(13 * var(--u));border:calc(.8 * var(--u)) solid var(--tinta);box-shadow:0 calc(1.2 * var(--u)) calc(1.6 * var(--u)) #1f224659;background:#fff;border-radius:50%;position:relative;overflow:hidden}.pupila{width:calc(5.2 * var(--u));height:calc(6 * var(--u));margin:calc(-3 * var(--u)) 0 0 calc(-2.6 * var(--u));background:var(--tinta);will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.pupila:after{content:"";background:#fff;border-radius:50%;width:34%;height:30%;position:absolute;top:16%;left:20%}.parpado{background:var(--parpado,#3b9b68);transform-origin:top;transition:transform .3s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.ojos.abriendo .ojo:last-child .parpado{transform:scaleY(.5)}.ojos.abiertos .parpado{transform:scaleY(0)}.ojos.abiertos .pupila{animation:1.4s ease-in-out infinite alternate vigilar}@keyframes vigilar{0%{transform:translateX(calc(-1.8 * var(--u)))}to{transform:translateX(calc(1.8 * var(--u)))}}@keyframes pum{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.marco{z-index:4;pointer-events:none;box-shadow:inset 0 0 0 calc(1.2 * var(--u)) var(--sol), inset 0 0 calc(6 * var(--u)) calc(2 * var(--u)) #ffc53d8c;will-change:opacity;animation:.6s ease-in-out infinite alternate brillar;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes brillar{to{opacity:.55}}.bocanada{top:calc(calc(-4 * var(--u)) + var(--y,calc(0 * var(--u))));right:calc(-4 * var(--u));z-index:3;width:var(--tam,calc(9 * var(--u)));height:var(--tam,calc(9 * var(--u)));pointer-events:none;animation:bocanada 2.2s ease-out var(--retraso,0s) both;background:#ffffffd9;border-radius:50%;position:fixed}@keyframes bocanada{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:.9}to{transform:translate(calc(-18 * var(--u)), calc(10 * var(--u))) scale(1.5);opacity:0}}#mundo.saltito canvas{animation:.3s ease-out saltito}@keyframes saltito{40%{transform:translateY(calc(.75 * var(--u)))}}.contador-fps{z-index:40;color:#fff;font:700 1.15rem/1.4 var(--texto);pointer-events:none;background:#1f2246d9;border-radius:16px;padding:10px 18px;position:fixed;bottom:16px;left:16px}.contador-fps b{font:800 2.6rem/1 var(--titulo);color:var(--sol)}.resumen-prueba{z-index:50;text-align:center;background:#fffffff7;border-radius:28px;width:min(820px,92vw);padding:28px 40px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #1f224659}.resumen-prueba h2{font-size:2.6rem}.resumen-prueba ul{font:700 1.3rem var(--texto);margin:14px 0;padding:0;list-style:none}.resumen-prueba li{margin:4px 0}.resumen-prueba li span{text-align:right;min-width:9em;color:var(--tinta-suave);margin-right:12px;display:inline-block}.resumen-prueba li b{font:800 1.8rem var(--titulo);color:var(--coral)}.resumen-prueba p{color:var(--tinta-suave);font-weight:700}.resumen-prueba.diagnostico{width:min(1100px,96vw);padding:18px 28px}.resumen-prueba.diagnostico h2{font-size:1.8rem}.resumen-prueba.diagnostico ul{columns:2;margin:10px 0;font-size:.95rem}.resumen-prueba.diagnostico li{break-inside:avoid;margin:2px 0}.resumen-prueba.diagnostico li span{min-width:15em}.resumen-prueba.diagnostico li b{font-size:1.3rem}.respiro .tarjeta,.premios .tarjeta,.escoge .tarjeta{padding-top:calc(7.4 * var(--u))}.respiro .tarjeta>.liston,.premios .tarjeta>.liston,.escoge .tarjeta>.liston{--h:calc(9.4 * var(--u));top:calc(-5 * var(--u));margin:0;position:absolute;left:50%;transform:translate(-50%)}.ronda-icono,.estampa-juego,.escoge-icono,.leyenda-dibujo{position:relative}.zzz{--o:.1em;--abajo:.05em;color:var(--crema);font:800 .3em/1 var(--titulo);position:absolute;top:-.06em;right:-.02em;transform:rotate(-8deg)}.zzz small{font-size:.7em}.marco-foto{z-index:19;border:solid var(--crema);border-width:calc(4 * var(--u)) calc(4 * var(--u)) calc(11 * var(--u));box-shadow:inset 0 0 0 calc(.5 * var(--u)) var(--tinta), inset 0 calc(1.2 * var(--u)) calc(2 * var(--u)) #1f224640;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.marco-foto span{left:0;right:0;bottom:calc(-8.2 * var(--u));color:var(--tinta);font:800 calc(4.6 * var(--u))/1 var(--titulo);text-align:center;position:absolute}
