:root{--navy:#0b1030;--navy2:#141c4d;--blue:#2a75bb;--yellow:#ffcb05;--gold:#c7a008;--red:#e3350d;--green:#2ecc71;--white:#fff;--ink:#1a1a2e;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}body{font-family:Nunito,system-ui,sans-serif;color:var(--white);background:var(--navy);background-image:radial-gradient(120% 70% at 50% 0%,#26338a 0%,transparent 60%),radial-gradient(90% 60% at 50% 110%,#3a1460 0%,transparent 60%);-webkit-font-smoothing:antialiased}*{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}.mute{position:fixed;z-index:60;top:calc(12px + var(--safe-t));right:12px;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#0b103099;font-size:20px;display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.toast{position:fixed;z-index:80;left:50%;top:calc(66px + var(--safe-t));transform:translate(-50%,-8px);opacity:0;pointer-events:none;background:#0b1030d9;border:2px solid var(--yellow);border-radius:999px;padding:8px 16px;font-weight:900;font-size:14px;white-space:nowrap;transition:opacity .25s,transform .25s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.toast.on{opacity:1;transform:translate(-50%)}.cat-btn{right:auto;left:12px;font-size:19px}.home-links{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.dialogo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#05081cb8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:catIn .2s ease-out both}.dentro{animation:catIn .26s ease-out both}.fuera{animation:catOut .26s ease-in both}@keyframes catIn{0%{opacity:0;transform:translateY(24px) scale(.98)}}@keyframes catOut{to{opacity:0;transform:translateY(24px) scale(.98)}}.cat-tabs{display:flex;gap:8px;margin:14px -16px 0;padding:0 0 0 16px;scroll-padding:0 16px;overflow-x:auto;flex:none;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.cat-tab{flex:none;display:flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 12px;background:#ffffff0f;font-weight:900;font-size:14px}.cat-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;align-content:start;margin:0 -16px calc(-14px - var(--safe-b));padding:4px 20px calc(40px + var(--safe-b))}@keyframes nope{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.cat-lienzo{width:min(86vw,calc((100dvh - 250px) * 680 / 950),420px);aspect-ratio:680/950;flex:none;pointer-events:none}.legend{position:fixed;z-index:45;left:50%;top:62%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;text-align:center;padding:12px 22px 14px;border-radius:18px;border:3px solid transparent;white-space:nowrap;background:linear-gradient(#0b1030e6,#0b1030e6) padding-box,linear-gradient(90deg,#ff9ad5,#ffe17a,#8affc1,#7ac8ff,#c49bff,#ff9ad5) border-box;box-shadow:0 0 30px #ffd6ff8c,0 12px 30px #00000080}.legend b{display:block;font:400 clamp(26px,8vw,40px)/1.05 "Luckiest Guy",sans-serif;letter-spacing:.5px;background:linear-gradient(90deg,#ff9ad5,#ffe17a,#8affc1,#7ac8ff,#c49bff,#ff9ad5,#ffe17a) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:iris 1.4s linear infinite}.legend span{display:block;margin-top:4px;font-weight:900;font-size:16px;color:#fff}.legend.on{animation:legendIn 3.2s cubic-bezier(.2,1.4,.4,1) both}.legend.rara{background:linear-gradient(#0b1030e6,#0b1030e6) padding-box,linear-gradient(90deg,#8e97aa,#eef2fa,#b8c0d0,#fff,#8e97aa) border-box;box-shadow:0 0 30px #c8dcff80,0 12px 30px #00000080}.legend.rara b{background-image:linear-gradient(90deg,#9aa3b5,#fff,#b8c0d0,#eef2fa,#9aa3b5,#fff,#b8c0d0)}@keyframes iris{to{background-position:-200% 0}}@keyframes legendIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}20%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}82%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}to{opacity:0;transform:translate(-50%,-90%) scale(.9) rotate(-2deg)}}.elegir{gap:14px}.sobres{display:flex;gap:18px;justify-content:center;align-items:flex-start;width:100%;max-width:520px;overflow-x:auto;padding:44px 12px 36px;margin:-26px 0 -28px;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.sobres.gl .sobre-hueco{margin-bottom:10px}.sobre-hueco{position:relative;display:block;width:100%;aspect-ratio:1/1.62}.sobres.eligiendo .sobre-opcion:not(.elegido){opacity:0}.sobres:not(.gl).eligiendo .sobre-opcion:not(.elegido){transform:scale(.85)}.tag-pista{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;border:1px solid rgba(255,255,255,.22);background:#ffffff14;box-shadow:0 4px 14px #00000040}#s-elegir .hud,#s-elegir h1,#s-elegir .tag-pista,#s-elegir .volver{transition:opacity .3s,transform .4s cubic-bezier(.3,.7,.3,1)}.volver{border:0;background:none;color:#ffffffb3;font-weight:900;font-size:14px;padding:8px 12px;text-decoration:underline;text-underline-offset:3px;transition:opacity .3s}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.fondo-revelacion{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease-out;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.35),transparent 40%),radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 70% 20%,#fff,transparent),radial-gradient(3px 3px at 80% 65%,#fff,transparent),radial-gradient(2px 2px at 30% 75%,#fff,transparent),radial-gradient(2px 2px at 55% 85%,#fff,transparent),radial-gradient(3px 3px at 12% 55%,#fff,transparent),linear-gradient(135deg,#7b5cff,#5aa8ff 35%,#c77dff 65%,#7b5cff)}body.revelacion .fondo-revelacion{opacity:1;transition-duration:.35s;animation:revelacion 3s linear infinite}@keyframes revelacion{50%{transform:scale(1.08) rotate(4deg);filter:hue-rotate(25deg)}}.stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.6;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{50%{opacity:.1;transform:scale(.6)}}.screen{position:relative;z-index:2;height:100vh;height:100dvh;overflow:hidden;padding:calc(24px + var(--safe-t)) 16px calc(28px + var(--safe-b));display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;max-width:520px;margin:0 auto;text-align:center}.screen.active{display:flex;animation:screenIn .6s cubic-bezier(.2,.9,.3,1.2) both}@keyframes screenIn{0%{opacity:0;transform:translateY(24px) scale(.97)}}.hud{font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:1px;color:var(--yellow);display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid var(--yellow);border-radius:999px;background:#ffcb0514}.hud .dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.2}}h1,.big{font-family:Luckiest Guy,cursive;font-weight:400;letter-spacing:1px;margin:0;line-height:1.05}h1{font-size:clamp(30px,9vw,44px);color:var(--yellow);-webkit-text-stroke:2px #1f3f8f;paint-order:stroke fill;text-shadow:0 4px 0 #1f3f8f,0 8px 20px rgba(0,0,0,.4)}.lead{font-size:16px;font-weight:600;opacity:.85;margin:0;max-width:340px}.emblem{--s:84px;width:var(--s);height:var(--s);border-radius:50%;position:relative;flex:none;background:#fff url(/logo.svg) center/62% no-repeat;border:4px solid #fff;box-shadow:inset -6px -6px #140a3c14,0 10px 30px #0006}.radar{position:relative;display:grid;place-items:center;margin:14px 0 6px}.radar:before,.radar:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;border:2px solid var(--yellow);animation:ping 2.2s ease-out infinite}.radar:after{animation-delay:1.1s}@keyframes ping{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.wobble{animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,60%,to{transform:rotate(0)}66%{transform:rotate(-14deg)}74%{transform:rotate(12deg)}82%{transform:rotate(-6deg)}}.quiz{width:100%;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:22px;padding:18px 16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.btn{border:0;border-radius:999px;padding:16px 28px;font-weight:900;font-size:17px;background:var(--yellow);color:#1f2a5c;box-shadow:0 6px 0 var(--gold),0 12px 24px #0000004d;transition:transform .08s,box-shadow .08s;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--gold)}.btn.ghost{background:transparent;color:#fff;box-shadow:none;border:2px solid rgba(255,255,255,.35);padding:12px 22px;font-size:15px}@keyframes qIn{0%{opacity:0;transform:translate(24px)}}.win{overflow-x:clip}@keyframes ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(3.2)}}@keyframes drop{0%{transform:translateY(-75vh) rotate(-540deg)}}#winBall{--s:130px;transform-origin:50% 95%}#winBall.wob{animation:wob .6s ease-in-out}#winBall.wob:after{background:#ff6b6b}@keyframes wob{25%{transform:rotate(-24deg)}60%{transform:rotate(18deg)}85%{transform:rotate(-6deg)}}@keyframes caught{0%{transform:scale(.85)}}@keyframes pulse{50%{transform:scale(1.05)}}.start{font-size:19px;padding:18px 34px;margin-top:6px;animation:pulse 1.6s ease-in-out infinite}.start.loading{animation:none;opacity:.85;cursor:wait;font-size:16px}.start .spinner{display:none;width:18px;height:18px;border-radius:50%;border:3px solid rgba(31,42,92,.25);border-top-color:#1f2a5c;animation:spin .8s linear infinite}.start.loading .spinner{display:inline-block}.sound-note{margin:0;font-size:14px;font-weight:700;opacity:.6}.fail h1{color:#ff7a59}.pack-wrap{--w:min(72vw,280px, calc((100vh - 300px)*.617) );--w:min(72vw,280px, calc((100dvh - 300px)*.617) );--t:14px;perspective:1100px;margin:6px 0 18px;position:relative;touch-action:none}.pack-wrap:before{content:"";position:absolute;top:-6%;right:-14%;bottom:-6%;left:-14%}.pack-float{position:relative;transform-style:preserve-3d;animation:float 3.2s ease-in-out infinite}.pack-float.still{animation:none}.pack-float.nudge{animation:nudge .4s}@keyframes float{50%{transform:translateY(-10px)}}.pack-shadow{position:absolute;left:12%;right:12%;bottom:-30px;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);animation:shadow 3.2s ease-in-out infinite;transition:opacity .4s}@keyframes shadow{50%{transform:scale(.85);opacity:.7}}.pack{width:var(--w);height:calc(var(--w)*1.62);position:relative;transform-style:preserve-3d;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.pack.dragging{cursor:grabbing}.face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.face.front{transform:translateZ(calc(var(--t)/2));transform-style:preserve-3d}.face.back{transform:rotateY(180deg) translateZ(calc(var(--t)/2))}.face .spec{position:absolute;left:0;right:0;top:calc(15% + 2px);bottom:5%;overflow:hidden;pointer-events:none;z-index:4}.face .spec i{position:absolute;top:0;bottom:0;left:-70%;width:70%;will-change:transform;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.32) 50%,transparent 85%)}.face .puff{position:absolute;left:0;right:0;top:15%;bottom:5%;pointer-events:none;z-index:1;background:radial-gradient(120% 70% at 50% 45%,rgba(255,255,255,.18),transparent 60%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 12%,transparent 88%,rgba(0,0,0,.28))}.edge{position:absolute;top:16%;bottom:3%;width:var(--t);left:calc(var(--t)/-2);background:linear-gradient(180deg,#ff9f1c,#c2280a 45%,#5c1580 80%,#202070)}.edge.l{transform:rotateY(-90deg)}.edge.r{left:calc(100% - var(--t)/2);transform:rotateY(90deg)}.edge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 2px,transparent 2px 7px)}.back-body{justify-content:center;gap:14px}.back-body .emblem{--s:calc(var(--w)*.22);opacity:.9}.back-body b{position:relative;font-family:"Press Start 2P",monospace;font-size:calc(var(--w)*.03);line-height:2;letter-spacing:.15em;text-align:center;color:#fff}.barcode{position:relative;width:45%;height:calc(var(--w)*.1);background:repeating-linear-gradient(90deg,#111 0,#111 2px,#fff 2px,#fff 4px,#111 4px,#111 5px,#fff 5px,#fff 8px);border:4px solid #fff;border-radius:3px}.emerge{position:absolute;left:11%;width:78%;top:19%;aspect-ratio:63/88;visibility:hidden;transform-style:preserve-3d}.emerge .card-back{transform:none;-webkit-backface-visibility:visible;backface-visibility:visible;border-width:7px;border-radius:12px;animation:none;box-shadow:0 0 30px #fff0b4cc}.emerge .card-back b{font-size:calc(var(--w)*.026)}.emerge .card-back:before,.emerge .card-back:after{animation:none}.emerge{will-change:transform}.pack-wrap.opening .emerge{visibility:visible}.open-light{position:absolute;left:-30%;right:-30%;top:calc(15% - var(--w)*.75);height:calc(var(--w)*.8);pointer-events:none;background:radial-gradient(42% 92% at 50% 100%,#ffffebe6,#ffd65a66 45%,#ffd65a00);opacity:0;transform:translateZ(calc(var(--t)/2 + 1px)) scaleY(.2);transform-origin:50% 100%;transition:opacity .35s,transform .7s cubic-bezier(.2,.9,.3,1)}.pack-wrap.glow .open-light{opacity:1;transform:translateZ(calc(var(--t)/2 + 1px)) scaleY(1)}.pack-wrap.dropping .pack-shadow{opacity:0}.pack-wrap{transform-origin:50% 0;transition:transform .7s cubic-bezier(.2,.8,.2,1)}#s-pack .hud,#s-pack h1{transition:opacity .35s,transform .45s}#s-pack.zoomed .hud,#s-pack.zoomed h1{opacity:0;transform:translateY(-24px);pointer-events:none}#s-pack.zoomed .hint{position:absolute;left:64px;right:64px;top:calc(18px + var(--safe-t));min-height:44px;font-size:14px;text-align:center;justify-content:center;z-index:4;animation:fadeUp .5s .3s both}#s-pack:not(.zoomed) .tearline .guide{display:none}.card-stage.in.instant{animation:none;opacity:1;transform:none}.screen.measure{display:flex!important;visibility:hidden;position:absolute;top:0;left:0;right:0}#pack3d{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;display:none}body.gl3d #cardStage .card-fit{opacity:0}#s-pack.gl .pack-float,#s-pack.gl .pack-shadow{visibility:hidden}#s-pack.gl .pack-float{animation:none}.zig-top{-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}.zig-bot{-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}.foil{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%) var(--shine,0%) 0/250% 100% no-repeat,var(--foil,linear-gradient(160deg,#ffde3b 0%,#ff9f1c 22%,#e3350d 48%,#7b1fa2 76%,#2a2a8f 100%));background-position:30% 0,0 0}.vc-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:18px}.pack-top{position:absolute;left:0;right:0;top:0;height:15%;border-radius:4px 4px 0 0;transform-origin:100% 100%;transition:transform .25s cubic-bezier(.3,1.4,.5,1);z-index:2;display:grid;place-items:center}.strip{position:absolute;left:0;right:0;top:0;height:15%;z-index:3;pointer-events:none;transform-style:preserve-3d;transform-origin:15% 100%}.strip .pack-top{height:100%;clip-path:inset(0 100% 0 0);transform-origin:50% 100%;will-change:transform}.strip .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;will-change:opacity}.pack-top span{font-family:"Press Start 2P",monospace;font-size:calc(var(--w)*.028);color:#ffffffe6;letter-spacing:.2em;margin-top:6px;white-space:nowrap}.pack-body{position:absolute;left:0;right:0;top:15%;bottom:0;padding:18px 16px 26px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.pack-body:before{content:"";position:absolute;inset:10px 10px calc(10% + 8px);border:2px solid rgba(255,255,255,.35);border-radius:10px;pointer-events:none}.pack-body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10%;pointer-events:none;border-top:2px solid rgba(0,0,0,.22);background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 4px),#00000024}.tearline{position:absolute;left:0;right:0;top:15%;height:0;border-top:2px dashed rgba(255,255,255,.75);z-index:3}.tearline .rip{position:absolute;left:0;top:-3px;height:4px;width:0;background:#fff;box-shadow:0 0 12px #fff,0 0 24px var(--yellow);border-radius:2px}.tearline .tip{position:absolute;top:-9px;width:16px;height:16px;margin-left:-8px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff 0 30%,rgba(255,203,5,.8) 45%,transparent 70%);transition:opacity .15s}.pack.dragging .tearline .tip{opacity:1}.tearline .guide{position:absolute;top:-14px;left:0;width:26px;height:26px;margin-left:-13px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 14px #fff,0 0 28px var(--yellow);animation:guide 2s ease-in-out infinite}@keyframes guide{0%{left:4%;opacity:0;transform:scale(1.4)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{left:96%;opacity:0}}.pack.touched .tearline .guide{display:none}@keyframes nudge{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.pack-logo{font-family:Luckiest Guy,cursive;font-size:calc(var(--w)*.085);color:var(--yellow);-webkit-text-stroke:1.5px #1f3f8f;paint-order:stroke fill;text-shadow:0 3px 0 #1f3f8f;letter-spacing:1px;position:relative}.pack-emblem{position:relative;display:grid;place-items:center}.pack-emblem .emblem{--s:calc(var(--w)*.36)}.pack-emblem:before{content:"";position:absolute;width:190%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.22) 0 8deg,transparent 8deg 22deg);animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pack-label{position:relative;background:#0a0e32d1;border:2px solid var(--yellow);border-radius:12px;padding:10px 12px;width:100%}.pack-label small{display:block;font-family:"Press Start 2P",monospace;font-size:calc(var(--w)*.025);color:var(--yellow);letter-spacing:1px;margin-bottom:6px}.pack-label b{display:block;font-family:Luckiest Guy,cursive;font-weight:400;font-size:calc(var(--w)*.083);line-height:1.05;letter-spacing:.5px}.pack.opened #packTop,.pack.opened .face.back .pack-top{visibility:hidden}.pack.opened .strip{animation:stripFly 1.4s .25s cubic-bezier(.22,.6,.35,1) forwards}@keyframes stripFly{0%{transform:none}25%{transform:translate3d(18px,-46px,40px) rotate(-9deg) rotateX(14deg)}60%{transform:translate3d(120px,-110px,30px) rotate(-17deg) rotateX(68deg);opacity:1}to{transform:translate3d(330px,-70px,0) rotate(-24deg) rotateX(105deg);opacity:0}}.flare{position:absolute;left:-40%;right:-40%;top:15%;height:4px;margin-top:-2px;z-index:6;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#fff 22%,#fff 78%,transparent);box-shadow:0 0 16px 5px #ffffffe6,0 0 40px 14px #ffb4f08c;opacity:0;transform:scaleX(.3)}.pack.opened .flare{animation:flare .6s ease-out}@keyframes flare{0%{opacity:0;transform:scaleX(.3)}25%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.1) scaleY(.3)}}.mouth-in,.mouth-lip{position:absolute;left:3%;right:3%;top:calc(15% - var(--w)*.07);height:calc(var(--w)*.14);border-radius:50%;opacity:0;pointer-events:none}.mouth-in{background:radial-gradient(closest-side,#050826,#151d64 75%,#3d74d6);box-shadow:0 0 0 2px #aaebfff2,0 0 18px 4px #78c8ffb3;transform:translateZ(calc(var(--t)/-2 + 2px));transition:opacity .25s .3s}.mouth-lip{z-index:5;border:3px solid transparent;border-bottom-color:#c8f5fff2;filter:drop-shadow(0 0 6px rgba(140,210,255,.9));transition:opacity .25s .3s}.pack.opened .mouth-in,.pack.opened .mouth-lip{opacity:1}.pack.opened .tearline{opacity:0;transition:opacity .2s}.hint{font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;opacity:.9}.hint .swipe{display:inline-block;animation:swipe 1.6s ease-in-out infinite}@keyframes swipe{0%{transform:translate(-12px);opacity:0}30%{opacity:1}to{transform:translate(16px);opacity:0}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,#fffffff2,#fff4d68c 28%,#fff0c800 62%)}.flash.go{animation:flash .55s ease-out}@keyframes flash{0%{opacity:0}18%{opacity:.85}to{opacity:0}}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40}.party{justify-content:flex-start;gap:8px;padding-top:calc(18px + var(--safe-t));padding-bottom:calc(14px + var(--safe-b))}.party:not(.tight){justify-content:center}.party:not(.tight){justify-content:space-evenly;padding-top:calc(58px + var(--safe-t));padding-bottom:calc(clamp(14px,6vh - 20px,36px) + var(--safe-b))}.felicidades{font-size:clamp(30px,8.6vw,56px);line-height:1.15;white-space:nowrap;color:var(--yellow);-webkit-text-stroke:3px #1f3f8f;paint-order:stroke fill;text-shadow:0 6px 0 #1f3f8f,0 0 40px rgba(255,203,5,.5)}.felicidades span{display:inline-block;animation:pop .7s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--i)*60ms + .2s)}@keyframes pop{0%{transform:translateY(40px) scale(.2) rotate(-20deg);opacity:0}}.sub{font-size:16px;font-weight:900;margin:-6px 0 0;animation:fadeUp .6s .9s both}#s-party .felicidades,#s-party .sub{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}}.card-stage{--k:1;width:calc(340px * var(--k));height:calc(475px * var(--k));flex:none;perspective:900px;margin-top:10px;opacity:0;transform:translateY(40px)}.card-fit{width:340px;transform:scale(var(--k));transform-origin:0 0;transform-style:preserve-3d}.card-stage{touch-action:none}.card-stage.in{animation:cardRise .9s cubic-bezier(.2,.9,.25,1.15) forwards}#s-party.leaving{pointer-events:none}#s-party.leaving .felicidades,#s-party.leaving .sub,#s-party.leaving .mano,#s-party.leaving .after,#s-party.leaving .tap-hint{animation:leaveFade .35s ease-in forwards}#s-party.leaving .card-fit{animation:cardExit .76s forwards}@keyframes leaveFade{to{opacity:0;transform:translateY(14px)}}@keyframes cardExit{0%{transform:none}20%{transform:translateY(16px) scale(.95);animation-timing-function:cubic-bezier(.55,0,.85,.35)}to{transform:translateY(-110vh) rotate(-23deg) scale(.6)}}@keyframes cardRise{0%{opacity:0;transform:translateY(140px) scale(.4) rotate(-8deg)}to{opacity:1;transform:none}}.flechas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s}.flechas.on{opacity:1}.flechas i{position:absolute;width:14px;height:14px;border:solid #fff;border-width:2px 0 0 2px;border-radius:1px;filter:drop-shadow(0 0 6px rgba(255,255,255,.7)) drop-shadow(0 2px 3px rgba(0,0,0,.5))}.flechas .f-izq{left:-13px;top:50%;--r:-45deg;--m:-6px,0;animation:flecha 1.1s ease-in-out infinite}.flechas .f-der{left:calc(100% + 13px);top:50%;--r:135deg;--m:6px,0;animation:flecha 1.1s ease-in-out infinite}.flechas .f-arr{left:50%;top:-24px;--r:45deg;--m:0,-6px;animation:flecha 1.1s ease-in-out infinite}.flechas.solo-arriba .f-izq,.flechas.solo-arriba .f-der{display:none}@keyframes flecha{0%,to{transform:translate(-50%,-50%) rotate(var(--r));opacity:.55}50%{transform:translate(-50%,-50%) translate(var(--m)) rotate(var(--r));opacity:1}}.card-fit.sale{animation:cardSwipe .3s cubic-bezier(.4,.2,.9,.6) forwards}@keyframes cardSwipe{to{transform:scale(var(--k)) translate(calc(var(--dir) * 120vw),calc(var(--dy, 0) * 120vh)) rotate(calc(var(--dir) * 18deg))}}.flipper[data-rareza=rara] .card-back{animation:backGlowRara 1.1s ease-in-out infinite}.flipper[data-rareza=especial] .card-back{animation:backGlowEsp 1.1s ease-in-out infinite}@keyframes backGlowRara{50%{box-shadow:0 30px 60px #0000008c,0 0 40px 10px #bed7ffbf,inset 0 0 0 3px #ffffff4d}}@keyframes backGlowEsp{50%{box-shadow:0 30px 60px #0000008c,-14px 0 40px 8px #ff9ad5b3,14px 0 40px 8px #7ac8ffb3,inset 0 0 0 3px #ffffff4d}}.mano{display:flex;gap:14px;justify-content:center;align-items:center;height:44px;flex:none;margin:0 0 clamp(4px,3vh - 14px,14px)}.mano[hidden]{display:none}.mano i{position:relative;width:26px;height:36px;border-radius:3px;flex:none;box-shadow:0 3px 8px #0006;transition:transform .3s cubic-bezier(.2,1.4,.4,1);overflow:visible}.mano i.actual{transform:scale(1.2) translateY(-1px);box-shadow:0 0 0 2px var(--yellow),0 3px 10px #00000080}.mano i.vista.rara{box-shadow:0 0 10px #c8dcffcc}.mano i.vista.especial{box-shadow:0 0 10px #ff9ad5cc,0 0 14px #7ac8ff99}.mano i.actual.vista{box-shadow:0 0 0 2px var(--yellow),0 3px 10px #00000080}.mano canvas{width:100%;height:100%;display:block;border-radius:3px}.mano b{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);font:400 6px/1 "Press Start 2P",monospace;color:#1a1a2e;background:var(--yellow);padding:2px 3px;border-radius:3px;white-space:nowrap}.flipper{position:relative;transform-style:preserve-3d;transform:rotateY(180deg);cursor:pointer}.flipper.flipped{animation:flip 1.1s cubic-bezier(.3,.8,.3,1) forwards;cursor:default}@keyframes flip{0%{transform:rotateY(180deg)}35%{transform:translateY(-40px) rotateY(110deg) scale(1.12)}70%{transform:translateY(-10px) rotateY(-12deg) scale(1.04)}to{transform:rotateY(0)}}.vcard{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;background:radial-gradient(circle at 50% 50%,#3d5bd9,#141c66 70%);border:10px solid #12141f;box-shadow:0 30px 60px #0000008c,inset 0 0 0 3px #ffffff26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;animation:backGlow 1.6s ease-in-out infinite}@keyframes backGlow{0%,to{box-shadow:0 30px 60px #0000008c,0 0 #ffcb0500,inset 0 0 0 3px #ffffff26}50%{box-shadow:0 30px 60px #0000008c,0 0 34px 6px #ffcb058c,inset 0 0 0 3px #ffffff26}}.card-back:before{content:"";position:absolute;width:180%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(rgba(255,203,5,.16) 0 7deg,transparent 7deg 20deg);animation:spin 12s linear infinite}.card-back:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:70%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);animation:sweep 2.6s linear infinite}@keyframes sweep{to{transform:translate(250%)}}.card-back .emblem{position:relative;z-index:1;width:42%;height:auto;aspect-ratio:1}.card-back b{position:relative;z-index:1;font-family:"Press Start 2P",monospace;font-size:9px;color:var(--yellow);letter-spacing:2px;text-align:center;line-height:1.8}.flipper:not(.flipped) .card-back .emblem{animation:wobble 1.8s ease-in-out infinite}.tap-hint{position:absolute;left:16px;right:16px;bottom:calc(48px + var(--safe-b));pointer-events:none;font-weight:900;font-size:16px;opacity:0;transition:opacity .4s;display:flex;align-items:center;gap:8px;justify-content:center}.tap-hint.on{opacity:1;animation:pulse 1.4s ease-in-out infinite}.vcard{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--w:340px;width:var(--w);aspect-ratio:63/88;border-radius:18px;padding:10px;position:relative;background:linear-gradient(145deg,#ffe766,#ffcb05 40%,#e2a800);box-shadow:0 30px 60px #0000008c,0 0 0 2px #0003;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;isolation:isolate;text-align:left;color:var(--ink)}.flipper.done{animation:none;transform:none;transform-style:flat}.flipper.done .card-back{display:none}.flipper.done .vcard{-webkit-backface-visibility:visible;backface-visibility:visible}@property --rx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ry{syntax:"<angle>";inherits:true;initial-value:0deg}@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --my{syntax:"<percentage>";inherits:true;initial-value:50%}.glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;mix-blend-mode:overlay;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.7),transparent 50%)}.after{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px;opacity:0}.after:not(.in){pointer-events:none}.after.in{animation:fadeUp .6s .2s both;opacity:1}.note{font-size:15px;font-weight:600;opacity:.85;max-width:330px;margin:0}.party.tight .after{position:absolute;left:0;right:0;bottom:calc(20px + var(--safe-b));margin:0;z-index:5;pointer-events:none}.party.tight .after .btn{pointer-events:auto;box-shadow:0 6px 0 var(--gold),0 14px 34px #0009}.party.tight .note{display:none}.party.tight .tap-hint{bottom:calc(26px + var(--safe-b))}@media(max-height:720px){.note,#s-start .sound-note{display:none}#s-start{gap:12px;padding-top:calc(60px + var(--safe-t))}#s-start .radar{transform:scale(.72);margin:-10px 0 -14px}#s-start .lead{font-size:15px}}@media(max-height:640px){.radar{display:none}#winBall{--s:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.cuenta{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px}.cuenta:empty{display:none}.cuenta-txt{margin:0;font-size:13px;font-weight:700;opacity:.75;text-align:center}.cuenta-ok{margin:0;font-size:14px;font-weight:800;text-align:center;overflow-wrap:anywhere}.cuenta code{font-size:12px}.claims{width:100%;font-size:13px;font-weight:700;text-align:left}.claims summary{cursor:pointer;text-align:center;opacity:.85}.claims pre{max-height:32vh;overflow:auto;margin:8px 0 0;padding:10px;border-radius:12px;background:#00000059;font:500 11px/1.4 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;touch-action:pan-y}.home-links a{color:inherit;font-weight:800;opacity:.8}#replay[hidden]{display:none}.party.tight .after .cuenta{pointer-events:auto}.home-atajos{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.home-atajos .btn.ghost{font-size:14px;padding:10px 14px;white-space:nowrap}.cat-home{display:inline-flex;align-items:center;gap:8px}.cat-home small{font-size:12px;font-weight:900;background:#ffffff24;border-radius:999px;padding:2px 8px}.cat-home small:empty{display:none}.reset-col{border:0;background:none;padding:6px 10px;font-size:13px;font-weight:800;color:#ffffff8c;text-decoration:underline;text-underline-offset:3px}.reset-col[hidden],.dialogo[hidden]{display:none}.dlg-caja{width:100%;max-width:340px;background:#151c4a;border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:22px 20px 18px;text-align:center;box-shadow:0 20px 50px #0009}.dlg-caja h3{margin:0 0 8px;font:400 26px/1.1 Luckiest Guy,sans-serif;color:var(--yellow)}.dlg-caja p{margin:0 0 18px;font-size:15px;font-weight:600;opacity:.85}.dlg-botones{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dlg-botones .btn{padding:12px 18px;font-size:15px}.btn.peligro{background:#e3350d;color:#fff;box-shadow:0 5px #8f1f06}.cat-btn .badge{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#e3350d;box-shadow:0 0 0 2px var(--navy),0 0 10px #e3350d}body:has(#s-pack.zoomed) .cat-btn{opacity:0;pointer-events:none}.catalogo,.cat-visor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;padding:calc(14px + var(--safe-t)) 16px calc(14px + var(--safe-b));background:radial-gradient(120% 70% at 50% 0%,#26338a 0%,transparent 60%),#0b1030f7}.catalogo[hidden],.cat-visor[hidden]{display:none}.cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cat-head h2{margin:0;font:400 30px/1 Luckiest Guy,sans-serif;color:var(--yellow);-webkit-text-stroke:2px #1f3f8f;paint-order:stroke fill;text-shadow:0 3px 0 #1f3f8f}.cat-cerrar{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#0b103099;font-size:18px;flex:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tabs:after{content:"";flex:0 0 8px}.cat-tab small{background:#ffffff24;border-radius:999px;padding:1px 7px;font-size:12px}.cat-tab.on{background:var(--yellow);border-color:var(--yellow);color:#1a1a2e}.cat-tab.on small{background:#00000026}.cat-prog{display:flex;flex-direction:column;gap:6px;margin:14px 0 12px;font-weight:900;font-size:14px;flex:none}.cat-prog i{display:block;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.cat-prog b{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ffcb05,#ff9f1c);transition:width .6s cubic-bezier(.2,.9,.3,1)}.cat-hueco{position:relative;aspect-ratio:680/950;border:0;padding:0;border-radius:9px;background:none}.cat-hueco canvas{width:100%;height:100%;display:block;border-radius:9px;box-shadow:0 6px 14px #00000073}.cat-hueco:not(.bloqueada):active{transform:scale(.96)}.cat-hueco.bloqueada{border:2px dashed rgba(255,255,255,.22);background:#ffffff0a;display:grid;place-items:center;align-content:center;gap:4px;color:#ffffff59}.cat-hueco.bloqueada b{font:400 34px/1 Luckiest Guy,sans-serif}.cat-hueco.bloqueada small{font-family:"Press Start 2P",monospace;font-size:9px}.cat-hueco.especial{border-color:transparent;background:linear-gradient(#141a46f2,#141a46f2) padding-box,linear-gradient(135deg,#ff9ad5,#ffe17a,#8affc1,#7ac8ff,#c49bff) border-box;border-style:solid}.cat-hueco.rara{border-color:transparent;background:linear-gradient(#141a46f2,#141a46f2) padding-box,linear-gradient(135deg,#8e97aa,#eef2fa,#b8c0d0,#fff,#8e97aa) border-box;border-style:solid}.cat-hueco.nope{animation:nope .35s}.cat-visor{align-items:center;justify-content:center;gap:14px;z-index:71}.cat-visor .cat-cerrar{position:absolute;z-index:2;top:calc(14px + var(--safe-t));right:16px}.cat-marco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cat-marco canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.cat-visor .cat-nav,.cat-acciones,.cat-ayuda{position:relative;z-index:2}.cat-acciones{display:flex;gap:10px}.cat-acciones button{border:2px solid rgba(255,255,255,.25);background:#0b1030b3;border-radius:999px;padding:8px 14px;font-weight:900;font-size:14px}.cat-acciones button[hidden]{display:none}.cat-acciones button:disabled{opacity:.5}.cat-visor .cat-nav,.cat-ayuda{transition:opacity .25s}.cat-visor.ampliado .cat-nav,.cat-visor.ampliado .cat-ayuda{opacity:0;pointer-events:none}.cat-nav{display:flex;align-items:center;gap:14px;font-weight:900;font-size:16px;text-align:center}.cat-nav button{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff14;font-size:26px;line-height:1;flex:none}.cat-nav button:disabled{opacity:.25}.cat-ayuda{margin:0;font-size:13px;opacity:.6;font-weight:700}@media(max-height:720px){.home-atajos{margin-top:6px}.home-atajos .btn.ghost{padding:9px 13px}}a.btn{text-decoration:none;display:inline-block;text-align:center}#irDashboard{margin-top:12px}#irDashboard[hidden]{display:none}