@font-face{font-family:Puntazo Fredoka;src:url(/_astro/fredoka-latin.DM6njrJ3.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Puntazo Lilita;src:url(/_astro/lilita-one-latin.87r-Z-Re.woff2)format("woff2");font-weight:400;font-display:swap}@keyframes puntazo-dotsDrift{to{background-position:0 0,260px 130px,0 0}}@keyframes puntazo-floaty{0%{transform:translate(0)}to{transform:translate(22px,-34px)}}@keyframes puntazo-flicker{50%{transform:scale(1.18)rotate(-6deg)}}@keyframes puntazo-tileIn{0%{opacity:0;transform:translateY(-160%)rotate(-50deg)scale(.6)}60%{transform:translateY(10%) rotate(calc(var(--rot) + 8deg));opacity:1}}@keyframes puntazo-tileHop{0%,12%,to{transform:rotate(var(--rot))}5%{transform:rotate(calc(var(--rot) * -1)) translateY(-14%) scale(1.06, .96)}9%{transform:rotate(var(--rot)) translateY(2%) scale(1.04, .94)}}@keyframes puntazo-cardIn{0%{opacity:0;transform:translateY(40px)scale(.9)rotate(6deg)}}@keyframes puntazo-dots{50%{opacity:.4;transform:translateY(-7px)}}@keyframes puntazo-twinkle{0%,to{transform:scale(1)rotate(-10deg)}50%{transform:scale(1.22)rotate(12deg)}}@keyframes puntazo-boardIn{0%{opacity:0;transform:scale(.7)rotate(-4deg)}}@keyframes puntazo-slideUp{0%{opacity:0;transform:translateY(60px)}}@keyframes puntazo-tableWin{20%{transform:scale(1.05)rotate(-1.5deg)}45%{transform:scale(.98)rotate(1deg)}70%{transform:scale(1.02)}}@keyframes puntazo-socketPulse{50%{background:#fff;transform:scale(1.12)}}@keyframes puntazo-badSlide{to{background-position:22px 0}}@keyframes puntazo-shine{30%{filter:brightness(1.35)saturate(1.4);transform:scale(1.06)}}@keyframes puntazo-breathe{50%{opacity:.55}}@keyframes puntazo-land{0%{transform:scale(1.22,.82)}35%{transform:scale(.88,1.16)}65%{transform:scale(1.06,.95)}to{transform:scale(1)}}@keyframes puntazo-hintIn{0%{filter:brightness(2);transform:scale(.2)rotate(-30deg)}55%{transform:scale(1.25)rotate(6deg)}}@keyframes puntazo-wave{35%{transform:translateY(-22%)scale(1.12)rotate(-4deg)}70%{transform:translateY(3%)scale(.97)}}@keyframes puntazo-ghostPulse{50%{background:#ffd23fcc}}@keyframes puntazo-wobble{to{transform:rotate(8deg)}}@keyframes puntazo-wobbleWide{0%{transform:translate(-50%)rotate(-5deg)}to{transform:translate(-50%)rotate(5deg)}}@keyframes puntazo-chipPop{30%{transform:scale(1.6)rotate(-14deg)}65%{transform:scale(.9)rotate(6deg)}}@keyframes puntazo-chipPopWide{30%{transform:translate(-50%)scale(1.6)rotate(-10deg)}65%{transform:translate(-50%)scale(.9)}}@keyframes puntazo-shake{20%{translate:-5px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}@keyframes puntazo-fxWord{0%{opacity:0;transform:translate(-50%,-30%)scale(.3)rotate(-12deg)}25%{opacity:1;transform:translate(-50%,-110%)scale(1.15)rotate(4deg)}to{opacity:0;transform:translate(-50%,-230%)scale(1)rotate(-3deg)}}@keyframes puntazo-fxBurst{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--cell) * -.95)) scale(1.1);opacity:0}}@keyframes puntazo-nudge{30%{transform:translateY(-8px)}60%{transform:translateY(3px)}}@keyframes puntazo-popIn{0%{opacity:0;transform:rotate(var(--deg,0deg)) scale(.3)}}@keyframes puntazo-coach{0%{transform:translate(var(--x0), var(--y0)) scale(1.1);opacity:0}12%{transform:translate(var(--x0), var(--y0)) scale(1.1);opacity:1}22%{transform:translate(var(--x0), var(--y0)) scale(.9)}70%{transform:translate(var(--x1), var(--y1)) scale(.9);opacity:1}82%{transform:translate(var(--x1), var(--y1)) scale(1.1);opacity:0}to{transform:translate(var(--x1), var(--y1));opacity:0}}@keyframes puntazo-sheetIn{0%{opacity:0;transform:translateY(50%)rotate(2deg)}}@keyframes puntazo-sheetOut{to{opacity:0;transform:translateY(30%)}}@keyframes puntazo-stamp{0%{opacity:0;transform:rotate(-20deg)scale(2.6)}}@keyframes puntazo-demoDrag{0%,15%{transform:translate(0)}60%,to{transform:translate(42px)}}@keyframes puntazo-demoRot{0%,25%{transform:rotate(0)}40%,65%{transform:rotate(90deg)}80%,to{transform:rotate(180deg)}}@keyframes puntazo-fall{to{transform:translate(var(--dx), 110vh) rotate(var(--r))}}@keyframes puntazo-helpPulse{0%{box-shadow:0 4px 0 var(--ink), 0 0 0 0 #ffd23fe6}to{box-shadow:0 4px 0 var(--ink), 0 0 0 16px #ffd23f00}}.g-puntazo{isolation:isolate;height:100%;position:relative;overflow:hidden}.g-puntazo{&{--ink:#1b0f3d;--bg-a:#3d1fb8;--bg-b:#7a2bff;--paper:#fff3d1;--paper2:#ffe6a3;--cream:#fffaf0;--yellow:#ffd23f;--pink:#ff4f9a;--cyan:#2de2e6;--lime:#b6f23a;--danger:#ff3b4e;--ok:#2fd573;--muted:#d5c6ff;--r0:#ff6b4a;--r1:#ffc21a;--r2:#29c7ff;--r3:#a574ff;--r4:#ff5fa8;--r5:#5fd35f;--p1:#ff3b4e;--p2:#ff8a00;--p3:#00b894;--p4:#2f6bff;--p5:#8b3dff;--p6:#1b0f3d;--font:"Puntazo Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--display:"Puntazo Lilita", "Puntazo Fredoka", ui-rounded, system-ui, sans-serif;--ease-pop:cubic-bezier(.3, 1.6, .5, 1);--ease-out:cubic-bezier(.2, .8, .3, 1);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);color-scheme:dark}&,& *{box-sizing:border-box}& [hidden]{display:none!important}&{background:var(--bg-a);height:100%;color:var(--cream);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px;overflow:hidden}& button{font:inherit;color:inherit;cursor:pointer}& svg{flex:none;width:22px;height:22px}& .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}& .felt{z-index:-1;background:radial-gradient(circle at 50% 0%, #ffd23f59, transparent 55%), radial-gradient(#ffffff29 2.2px, transparent 2.8px) 0 0 / 26px 26px, linear-gradient(160deg, var(--bg-b), var(--bg-a) 60%, #2a1580);animation:40s linear infinite puntazo-dotsDrift;position:fixed;inset:0;overflow:hidden}& .fl{left:var(--x);top:var(--y);opacity:.22;--cell:var(--sz);animation:puntazo-floaty var(--dur) ease-in-out infinite alternate;animation-delay:var(--del);position:absolute}& .fl .dom{transform:rotate(var(--rot));filter:drop-shadow(0 4px 0 var(--ink))}&.playing .fl{opacity:.13}& .screen{padding-top:var(--safe-t);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), transform .4s var(--ease-pop), visibility 0s .4s;flex-direction:column;display:flex;position:fixed;inset:0;transform:translateY(18px)scale(.97)}& .screen.is-active{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out), transform .4s var(--ease-pop);transform:none}& .icon-btn{background:var(--cream);width:48px;height:48px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;text-decoration:none;transition:transform .1s,box-shadow .1s,background .2s;display:grid}& .icon-btn svg{width:24px;height:24px}& .icon-btn:hover{background:#fff}& .icon-btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}& :focus-visible{outline:4px solid var(--cyan);outline-offset:3px}& .c0{--rc:var(--r0)}& .c1{--rc:var(--r1)}& .c2{--rc:var(--r2)}& .c3{--rc:var(--r3)}& .c4{--rc:var(--r4)}& .c5{--rc:var(--r5)}& .topbar{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}& .topbar-actions{gap:10px;display:flex}& .streak{background:var(--cream);height:48px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font-family:var(--display);border-radius:24px;align-items:center;gap:6px;padding:0 16px 0 12px;font-size:24px;display:flex}& .streak svg{color:#b9aedd;width:24px;height:24px}& .streak.hot svg{color:#ff6a1a;animation:1.4s ease-in-out infinite puntazo-flicker}& .hero{text-align:center;padding:2vh 16px 0}& .logo{font-family:var(--display);gap:clamp(3px,1.2vw,7px);margin:0;font-size:clamp(30px,10vw,54px);font-weight:400;line-height:1;display:inline-flex}& .lt{--rot:calc((var(--i) - 3) * 2.6deg);background:var(--tc);border:3.5px solid var(--ink);width:1.12em;height:1.4em;box-shadow:0 .09em 0 var(--ink), inset 0 .1em 0 #fff6;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;transform:rotate(var(--rot));animation:puntazo-tileIn .8s var(--ease-pop) both, puntazo-tileHop 3.6s ease-in-out infinite;animation-delay:calc(var(--i) * 80ms), calc(1.4s + var(--i) * .14s);border-radius:.24em;place-items:center;display:grid}& .lt:first-child{--tc:var(--pink)}& .lt:nth-child(2){--tc:var(--yellow)}& .lt:nth-child(3){--tc:var(--cyan)}& .lt:nth-child(4){--tc:var(--lime)}& .lt:nth-child(5){--tc:var(--r3)}& .lt:nth-child(6){--tc:var(--r0)}& .lt:nth-child(7){--tc:#fff}& .lt-o i{display:none}& .lt-o:before{content:"";background:var(--p1);border:3.5px solid var(--ink);border-radius:50%;width:.64em;height:.64em;box-shadow:inset 0 .08em #ffffff80}& .tagline{color:var(--muted);margin:18px 0 0;font-size:17px;font-weight:500}& .tagline b{color:var(--yellow);font-family:var(--display);font-size:20px;font-weight:400}& #todayLabel:first-letter{text-transform:uppercase}& .levels{flex-direction:column;gap:16px;width:min(460px,100% - 32px);margin:4vh auto 0;display:flex}& .level{--rot:0deg;text-align:left;color:var(--ink);background:var(--paper);border:4px solid var(--ink);box-shadow:0 7px 0 var(--ink);rotate:var(--rot);transition:transform .15s var(--ease-pop), box-shadow .12s;animation:puntazo-cardIn .6s var(--ease-pop) both;animation-delay:calc(.4s + var(--k) * .11s);border-radius:24px;grid-template-columns:74px 1fr auto;align-items:center;gap:14px;padding:14px 16px 14px 26px;display:grid;position:relative;overflow:hidden}& .level:first-child{--rot:-1.2deg}& .level:nth-child(2){--rot:.9deg}& .level:nth-child(3){--rot:-.7deg}& .level:nth-child(4){--rot:.8deg}& .level:before{content:"";background:var(--lvc);border-right:4px solid var(--ink);width:15px;position:absolute;top:0;bottom:0;left:0}& .lv-easy{--lvc:var(--r5)}& .lv-medium{--lvc:var(--r1)}& .lv-hard{--lvc:var(--r0)}& .lv-wild{--lvc:var(--r3)}& .level:hover{transform:translateY(-3px)scale(1.015)}& .level:active{box-shadow:0 1px 0 var(--ink);transform:translateY(6px)}& .level.solved{background:#c9f5c4}& .lv-info{flex-direction:column;gap:0;display:flex}& .lv-info b{font-family:var(--display);font-size:28px;font-weight:400;line-height:1.05}& .lv-info small{color:#5a4a8a;font-size:15px;font-weight:600}& .lv-go,& .lv-done{height:44px;font-family:var(--display);white-space:nowrap;border:3px solid var(--ink);border-radius:22px;align-items:center;gap:6px;padding:0 16px;font-size:20px;display:inline-flex}& .lv-go{background:var(--yellow);box-shadow:0 4px 0 var(--ink)}& .lv-go svg{width:18px;height:18px}& .lv-go.cont{background:#fff}& .lv-go small{font-family:var(--font);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}& .lv-done{background:var(--ok);font-variant-numeric:tabular-nums;box-shadow:0 4px 0 var(--ink)}& .lv-done svg{stroke-width:4px;width:20px;height:20px}& .mini{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);width:74px;max-height:74px;aspect-ratio:var(--cols) / var(--rows);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink), inset 0 0 0 1.5px #ffffff24;background:linear-gradient(#6b3fe6,#5530c4);border-radius:10px;margin:auto;padding:4px;display:grid}& .mini i{background:color-mix(in srgb, var(--rc) 88%, #fff);border:0 solid var(--ink)}& .mini .any{background:repeating-linear-gradient(135deg,#fff 0 2.5px,#f3e8c6 2.5px 5px)}& .mini .bt{border-top-width:1.5px}& .mini .br{border-right-width:1.5px}& .mini .bb{border-bottom-width:1.5px}& .mini .bl{border-left-width:1.5px}& .mini .bt.bl{border-top-left-radius:3px}& .mini .bt.br{border-top-right-radius:3px}& .mini .bb.bl{border-bottom-left-radius:3px}& .mini .bb.br{border-bottom-right-radius:3px}& .mini-loading{justify-content:center;align-items:center;gap:6px;height:40px;display:flex}& .mini-loading i{background:var(--ink);border:0;border-radius:50%;width:11px;height:11px;animation:1s ease-in-out infinite puntazo-dots}& .mini-loading i:nth-child(2){animation-delay:.15s}& .mini-loading i:nth-child(3){animation-delay:.3s}& .home-foot{padding:16px 16px calc(18px + var(--safe-b));text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}& .next,& .archive{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:500}& .archive{color:var(--yellow);font-weight:600}& .btn{border:4px solid var(--ink);min-height:56px;font-family:var(--display);color:var(--ink);border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:22px;transition:transform .1s,box-shadow .1s;display:inline-flex}& .btn:active{transform:translateY(5px);box-shadow:0 0 0 var(--ink)!important}& .btn-primary{background:var(--yellow);box-shadow:0 6px 0 var(--ink)}& .btn-secondary{box-shadow:0 6px 0 var(--ink);background:#fff}& .btn-ghost{background:var(--paper2);box-shadow:0 5px 0 var(--ink);font-size:19px}& .home-foot .btn-ghost{background:var(--cream)}& .gamebar{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;padding:10px 12px 8px;display:grid}& .gamebar-title{justify-content:center;align-items:center;gap:10px;display:flex}& .level-pill{font-family:var(--display);color:var(--ink);background:var(--lvc,var(--yellow));border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:5px 16px 6px;font-size:22px}& .lp-easy{--lvc:var(--r5)}& .lp-medium{--lvc:var(--r1)}& .lp-hard{--lvc:var(--r0)}& .lp-wild{--lvc:var(--r3)}& .timer{color:#fff;font-family:var(--display);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 var(--ink);align-items:center;gap:5px;font-size:21px;display:inline-flex}& .timer svg{width:19px;height:19px}& .play{min-height:0;padding:0 12px calc(12px + var(--safe-b));flex:1;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:16px;display:grid}&.side .play{grid-template-rows:1fr auto auto 1fr;grid-template-columns:auto auto;justify-content:center;column-gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:8px 32px 24px}&.side .board-wrap{grid-row:1/-1}&.side .tray{grid-row:2}&.side .actions{grid-row:3}&.side .gamebar{padding-block:6px 0}&.side .gamebar,&.side .progress-row{width:min(1200px,100% - 32px);margin-inline:auto}&.side .progress-row{margin-bottom:6px}@media (height<=500px){&.side .play{gap:8px;padding:4px 16px 10px}&.side .act{height:48px}}& .board-wrap{z-index:3;place-items:center;width:100%;min-height:0;display:grid;position:relative}&.side .board-wrap{place-items:center;width:auto}& .table{--pad:calc(var(--cell,52px) * .3);padding:var(--pad);border-radius:calc(var(--pad) + 10px);border:4px solid var(--ink);background:linear-gradient(#ffffff1a 2px, transparent 2px) 0 0 / var(--cell) var(--cell), linear-gradient(90deg, #ffffff1a 2px, transparent 2px) 0 0 / var(--cell) var(--cell), linear-gradient(180deg, #6b3fe6, #5530c4);box-shadow:0 8px 0 var(--ink), inset 0 0 0 3px #ffffff1f, 0 26px 40px #08002880;background-origin:content-box,content-box,border-box;background-clip:border-box;position:relative}& .table:before,& .table:after{content:"★";z-index:7;pointer-events:none;font-size:calc(var(--cell,52px) * .6);color:var(--yellow);-webkit-text-stroke:max(3px, calc(var(--cell,52px) * .07)) var(--ink);paint-order:stroke fill;line-height:1;animation:2.6s ease-in-out infinite puntazo-twinkle;position:absolute}& .table:before{right:calc(var(--cell,52px) * -.2);top:calc(var(--cell,52px) * -.3)}& .table:after{left:calc(var(--cell,52px) * -.24);bottom:calc(var(--cell,52px) * -.26);font-size:calc(var(--cell,52px) * .42);color:var(--cyan);animation-delay:-1.3s}& .table.enter{animation:puntazo-boardIn .6s var(--ease-pop) both}& .tray.enter{animation:puntazo-slideUp .55s var(--ease-pop) .12s both}& .actions.enter{animation:puntazo-slideUp .55s var(--ease-pop) .24s both}& .table.won{animation:puntazo-tableWin 1s var(--ease-pop);box-shadow:0 8px 0 var(--ink), 0 0 0 8px var(--yellow), 0 0 0 12px var(--ink), 0 0 70px #ffd23fcc}& .table.loading{opacity:.85}& .grid{width:calc(var(--cols) * var(--cell));height:calc(var(--rows) * var(--cell));touch-action:none;--g:calc(var(--cell) * .05);--bw:max(3px, calc(var(--cell) * .065));--rad:calc(var(--cell) * .24);outline:none;position:relative}& .shuffling{text-align:center;color:var(--ink);font-family:var(--display);place-items:center;font-size:22px;animation:1s ease-in-out infinite puntazo-breathe;display:grid;position:absolute;inset:0}& .cell{left:calc(var(--c) * var(--cell));top:calc(var(--r) * var(--cell));width:var(--cell);height:var(--cell);position:absolute}& .cell.any{--rc:#fff}& .fill{background:color-mix(in srgb, var(--rc) 80%, #fff);border:0 solid var(--ink);transition:background .3s;position:absolute;inset:0}& .cell.any .fill{background:repeating-linear-gradient(135deg,#fff 0 7px,#f3e8c6 7px 14px)}& .cell.bt .fill{top:var(--g);border-top-width:var(--bw)}& .cell.br .fill{right:var(--g);border-right-width:var(--bw)}& .cell.bb .fill{bottom:var(--g);border-bottom-width:var(--bw)}& .cell.bl .fill{left:var(--g);border-left-width:var(--bw)}& .cell.bt.bl .fill{border-top-left-radius:var(--rad)}& .cell.bt.br .fill{border-top-right-radius:var(--rad)}& .cell.bb.bl .fill{border-bottom-left-radius:var(--rad)}& .cell.bb.br .fill{border-bottom-right-radius:var(--rad)}& .sock{background:#ffffff8c;border-radius:28%;transition:background .2s;position:absolute;inset:20%;box-shadow:inset 0 3px #1b0f3d24}& .cell.any .sock{background:#1b0f3d0f}& .grid.placing .sock{animation:.9s ease-in-out infinite puntazo-socketPulse}& .cell.is-ok .fill{background:var(--rc)}& .cell.is-bad .fill{background:repeating-linear-gradient(135deg,#ff6b78 0 8px,#ffb0b8 8px 16px);animation:1s linear infinite puntazo-badSlide}& .cell.shine .fill{animation:.6s ease-out puntazo-shine}& .dom{width:calc(var(--cell) * 2);height:var(--cell);position:relative}& .face{inset:calc(var(--cell) * .05);border-radius:calc(var(--cell) * .2);border:max(2.5px, calc(var(--cell) * .06)) solid var(--ink);background:linear-gradient(#fff 55%,#f4efe0);align-items:stretch;display:flex;position:absolute}& .half{padding:calc(var(--cell) * .07);flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}& .pin{width:max(2.5px, calc(var(--cell) * .055));background:var(--ink);border-radius:2px;flex:none;margin:12% 0}& .pin:after{display:none}& .pip{width:calc(var(--cell) * .2);height:calc(var(--cell) * .2);background:var(--pc);border:max(1.5px, calc(var(--cell) * .035)) solid var(--ink);box-shadow:inset calc(var(--cell) * -.02) calc(var(--cell) * -.03) 0 #00000038, inset calc(var(--cell) * .02) calc(var(--cell) * .025) 0 #ffffff80;border-radius:50%;place-self:center}& .half[data-v="1"]{--pc:var(--p1)}& .half[data-v="2"]{--pc:var(--p2)}& .half[data-v="3"]{--pc:var(--p3)}& .half[data-v="4"]{--pc:var(--p4)}& .half[data-v="5"]{--pc:var(--p5)}& .half[data-v="6"]{--pc:var(--p6)}& .half[data-v="1"] .pip{width:calc(var(--cell) * .28);height:calc(var(--cell) * .28)}& .p1{grid-area:1/1}& .p2{grid-area:1/2}& .p3{grid-area:1/3}& .p4{grid-area:2/1}& .p5{grid-area:2/2}& .p6{grid-area:2/3}& .p7{grid-area:3/1}& .p8{grid-area:3/2}& .p9{grid-area:3/3}& .pieces{pointer-events:none;z-index:2;position:absolute;inset:0}& .piece{width:calc(var(--cell) * 2);height:var(--cell);transform:translate(calc(var(--c) * var(--cell) + var(--dx,0px)), calc(var(--r) * var(--cell) + var(--dy,0px)));filter:drop-shadow(0 calc(var(--cell) * .09) 0 var(--ink));transition:transform .28s cubic-bezier(.2,.9,.3,1.15),opacity .2s;position:absolute;top:0;left:0}& .piece.no-anim{transition:none}& .piece .dom{transform-origin:calc(var(--cell) / 2) calc(var(--cell) / 2);transform:rotate(var(--deg));transition:transform .34s var(--ease-pop)}& .piece.lifted{opacity:.2}& .piece.leaving{opacity:0;transform:translate(calc(var(--c) * var(--cell)), calc(var(--r) * var(--cell))) scale(.6)}& .dom.land .face{animation:puntazo-land .45s var(--ease-out)}& .dom.locked .face{background:linear-gradient(#fff1a8 55%,#ffd23f)}& .dom.locked .face:after{content:"★";font-size:calc(var(--cell) * .42);color:var(--yellow);-webkit-text-stroke:max(2px, calc(var(--cell) * .05)) var(--ink);paint-order:stroke fill;position:absolute;top:-34%;right:6%;transform:rotate(14deg)}& .piece .half{background:color-mix(in srgb, var(--rc) 42%, transparent);transition:background .3s,box-shadow .2s}& .piece .half.any{background:0 0}& .piece .half:first-child{border-radius:calc(var(--cell) * .13) 0 0 calc(var(--cell) * .13)}& .piece .half:last-child{border-radius:0 calc(var(--cell) * .13) calc(var(--cell) * .13) 0}& .piece .half.is-ok{background:color-mix(in srgb, var(--rc) 70%, transparent)}& .piece .half.is-bad{background:repeating-linear-gradient(135deg,#ff6b78bf 0 8px,#ffb0b8bf 8px 16px)}& .grid.spot .cell:not(.hl) .fill,& .grid.spot .cell:not(.hl) .sock{filter:saturate(.35)brightness(.72)}& .grid.spot .piece .face{transition:filter .2s}& .grid.spot .piece:not(:has(.half.hl)) .face{filter:saturate(.35)brightness(.72)}& .grid.spot .piece .half.hl{box-shadow:inset 0 0 0 max(2px, calc(var(--cell) * .04)) var(--ink)}& .grid.spot .chip:not(.hl){opacity:.45}& .chip.hl{transform:scale(1.12)}& .chip.wide.hl{transform:translate(-50%)scale(1.12)}& .tip{left:calc(var(--C) * var(--cell));top:calc(var(--R) * var(--cell));z-index:10;pointer-events:none;white-space:nowrap;background:var(--ink);color:#fff;border:3px solid var(--yellow);text-align:center;opacity:0;transform:translate(-50%, calc(-100% - max(22px, var(--cell) * .3))) scale(.92);transition:opacity .15s, transform .25s var(--ease-pop);border-radius:12px;padding:7px 12px;font-size:14px;font-weight:600;line-height:1.25;position:absolute;box-shadow:0 4px #00000059}& .tip.below{transform:translate(-50%, max(22px, calc(var(--cell) * .3))) scale(.92)}& .tip.on{opacity:1;transform:translate(-50%, calc(-100% - max(22px, var(--cell) * .3)))}& .tip.below.on{transform:translate(-50%, max(22px, calc(var(--cell) * .3)))}& .piece.hinted .face{animation:puntazo-hintIn .9s var(--ease-pop)}& .piece.wave .face{animation:puntazo-wave .8s var(--wave) var(--ease-pop) both}& .ghost{z-index:1;pointer-events:none;width:calc(var(--cell) * 2);height:var(--cell);transform:translate(calc(var(--c,0) * var(--cell)), calc(var(--r,0) * var(--cell)));opacity:0;transition:opacity .1s;position:absolute;top:0;left:0}& .ghost.on{opacity:1}& .ghost-dom{width:100%;height:100%;transform-origin:calc(var(--cell) / 2) calc(var(--cell) / 2);transform:rotate(var(--deg,0deg))}& .ghost-dom:before{content:"";inset:calc(var(--cell) * .05);border-radius:calc(var(--cell) * .2);border:4px dashed var(--ink);background:#ffffffb3;animation:.7s ease-in-out infinite puntazo-ghostPulse;position:absolute}& .avatar{z-index:80;pointer-events:none;width:calc(var(--cell) * 2);height:var(--cell);will-change:transform;transform-origin:50%;filter:drop-shadow(0 calc(var(--cell) * .1) 0 var(--ink)) drop-shadow(0 22px 14px #0a003273);transition:rotate .12s;position:fixed;top:0;left:0}& .avatar .dom{transform-origin:50%;transform:rotate(var(--deg)) scale(1.15);transition:transform .18s var(--ease-pop)}& .avatar.snapped .dom{transform:rotate(var(--deg)) scale(1.04)}& .avatar.flying{transition:transform .28s var(--ease-out), rotate .28s}& .avatar.flying .dom{transform:rotate(var(--deg)) scale(1)}& .chips{z-index:5;pointer-events:none;position:absolute;inset:0}& .chip{--s:max(30px, calc(var(--cell) * .5));left:calc(var(--C) * var(--cell));top:calc(var(--R) * var(--cell));width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border:3.5px solid var(--ink);background:var(--rc);box-shadow:0 4px 0 var(--ink);color:var(--ink);font-family:var(--display);font-size:max(15px, calc(var(--cell) * .27));pointer-events:auto;cursor:help;transition:background .25s, transform .2s var(--ease-pop);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute}& .chip:before{content:"";pointer-events:none;border:2px dashed #fffffff2;border-radius:50%;position:absolute;inset:3px}& .chip.wide{width:auto;min-width:var(--s);border-radius:999px;margin-left:0;padding:0 8px;transform:translate(-50%)}& .chip.wide:before{border-radius:999px}& .chip span{font-variant-numeric:tabular-nums;position:relative}& .ne:after{content:"";background:currentColor;border-radius:2px;width:3px;height:.95em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(30deg)}& .chip .tick{border:3px solid var(--ink);background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%231b0f3d' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;width:20px;height:20px;transition:transform .35s var(--ease-pop);border-radius:50%;position:absolute;top:-10px;right:-9px;transform:scale(0)}& .chip.ok .tick{transform:scale(1)}& .chip.ok{background:#fff}& .chip.ok:before{border-color:var(--rc)}& .chip.bad{background:var(--danger);animation:.5s ease-in-out infinite alternate puntazo-wobble}& .chip.wide.bad{animation-name:puntazo-wobbleWide}& .chip.pop{animation:puntazo-chipPop .6s var(--ease-pop)}& .chip.wide.pop{animation:puntazo-chipPopWide .6s var(--ease-pop)}& .chip.shake,& .nope,& .table.shake{animation:.4s ease-in-out puntazo-shake}& .fx{z-index:9;left:calc(var(--C) * var(--cell));top:calc(var(--R) * var(--cell));pointer-events:none;position:absolute}& .fx b{white-space:nowrap;font-family:var(--display);font-weight:400;font-size:max(22px, calc(var(--cell) * .5));color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);animation:puntazo-fxWord 1s var(--ease-out) forwards;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}& .fx i{background:var(--rc);border:2.5px solid var(--ink);width:10px;height:10px;animation:puntazo-fxBurst .7s var(--ease-out) forwards;border-radius:50%;animation-delay:40ms;position:absolute;top:-5px;left:-5px}& .cursor{display:none}& .grid.kb .cursor{z-index:6;pointer-events:none;left:calc(var(--c) * var(--cell));top:calc(var(--r) * var(--cell));width:var(--cell);height:var(--cell);border:4px solid var(--ink);outline:3px solid var(--cyan);border-radius:24%;transition:left .1s,top .1s;display:block;position:absolute}& .progress-row{flex:none;align-items:center;gap:10px;margin:0 16px 6px;display:flex}& .progress-row b{font-family:var(--display);color:#fff;text-shadow:0 2px 0 var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-size:19px;font-weight:400}& .progress{border:2.5px solid var(--ink);background:#0f053780;border-radius:6px;flex:1;height:12px;overflow:hidden}& .progress-bar{background:repeating-linear-gradient(135deg, var(--yellow) 0 8px, #ffb627 8px 16px);border-right:2.5px solid var(--ink);width:0;height:100%;transition:width .4s var(--ease-pop)}& .tray{grid-template-columns:repeat(var(--per,5), var(--slotw,64px));grid-auto-rows:var(--sloth,42px);border:4px solid var(--ink);touch-action:none;background:radial-gradient(#1b0f3d1a 1.6px, transparent 2.2px) 0 0 / 15px 15px, var(--paper);box-shadow:0 6px 0 var(--ink);border-radius:24px;justify-content:center;gap:6px;padding:10px;display:grid;rotate:-.4deg}& .tray.nudge{animation:.5s ease-in-out puntazo-nudge}& .slot{--cell:var(--dcell,30px);width:var(--slotw);height:var(--sloth);cursor:grab;touch-action:none;transition:background .2s, transform .15s var(--ease-pop), box-shadow .15s;background:#1b0f3d14;border:0;border-radius:14px;padding:0;position:relative}& .slot:nth-child(odd){rotate:-.7deg}& .slot:nth-child(2n){rotate:.7deg}& .slot .dom{margin:calc(var(--cell) / -2) 0 0 calc(var(--cell) * -1);transform-origin:50%;transform:rotate(var(--deg,0deg));transition:transform .3s var(--ease-pop), opacity .2s;position:absolute;top:50%;left:50%}& .tray-dom{filter:drop-shadow(0 calc(var(--cell) * .09) 0 var(--ink))}& .sock-dom{opacity:0}& .sock-dom .face{background:0 0;border:3px dashed #1b0f3d47}& .sock-dom .pip{box-shadow:none;background:#1b0f3d24;border-color:#0000}& .sock-dom .pin{background:#1b0f3d33}& .slot.empty{cursor:pointer}& .slot.empty .sock-dom{opacity:1}& .slot.empty .tray-dom,& .slot.lifted .tray-dom{opacity:0;transform:rotate(var(--deg,0deg)) scale(.5)}& .slot.sel{background:var(--yellow);box-shadow:inset 0 0 0 3px var(--ink), 0 5px 0 var(--ink);transform:translateY(-4px)}& .slot.sel .tray-dom{transform:rotate(var(--deg,0deg)) scale(1.1)}& .slot.pop .tray-dom{animation:puntazo-popIn .45s var(--ease-pop)}@media (hover:hover){& .slot:not(.empty):hover{transform:translateY(-3px)}}& .actions{gap:10px;width:min(520px,100%);display:flex}&.side .actions{width:100%}& .act{border:3.5px solid var(--ink);background:var(--cream);height:54px;color:var(--ink);font-family:var(--display);box-shadow:0 5px 0 var(--ink);border-radius:20px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:19px;transition:transform .1s,box-shadow .1s,opacity .2s;display:flex;position:relative}& .act svg{stroke-width:3px}& .act:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translateY(5px)}& .act:disabled{opacity:.45;cursor:default}& .act-hint{background:var(--yellow)}& .badge{background:var(--pink);color:#fff;min-width:28px;height:28px;font-family:var(--display);border:3px solid var(--ink);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;border-radius:14px;place-items:center;padding:0 7px;font-size:17px;display:grid;position:absolute;top:-12px;right:-8px}@media (width<=380px){& .act span{display:none}}& .toast{left:50%;top:calc(var(--safe-t) + 94px);z-index:90;pointer-events:none;background:var(--ink);color:#fff;border:3px solid var(--yellow);text-align:center;opacity:0;width:max-content;max-width:min(92%,420px);transition:opacity .2s, transform .3s var(--ease-pop);border-radius:14px;padding:6px 14px;font-size:14px;font-weight:600;line-height:1.25;position:fixed;transform:translate(-50%,-14px)scale(.9);box-shadow:0 5px #0006}& .toast.show{opacity:1;transform:translate(-50%)}& .toast.bad{border-color:var(--danger);background:#7d0f27}& .home-toast{left:50%;bottom:calc(24px + var(--safe-b));z-index:200;background:var(--ink);color:#fff;border:3px solid var(--yellow);opacity:0;pointer-events:none;border-radius:16px;padding:12px 18px;font-weight:600;transition:opacity .2s,transform .25s;position:fixed;transform:translate(-50%,10px)}& .home-toast.show{opacity:1;transform:translate(-50%)}& .coach-hand{z-index:70;pointer-events:none;filter:drop-shadow(0 5px #1b0f3d80);width:56px;height:56px;animation:puntazo-coach 2.6s var(--ease-out) infinite;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M17 26V8.5a3.5 3.5 0 0 1 7 0V22l1-.2v-3.3a3.3 3.3 0 0 1 6.6 0v4l.6-.1a3.3 3.3 0 0 1 6.4 1.1v3.2a3.2 3.2 0 0 1 4.4 2.9V34c0 6.6-5.4 12-12 12h-4.3c-4 0-7.6-2.1-9.7-5.5L8.4 32a3.4 3.4 0 0 1 5.7-3.7z' fill='%23fff' stroke='%231b0f3d' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;margin:-8px 0 0 -16px;position:fixed;top:0;left:0}& dialog.sheet{border:5px solid var(--ink);padding:26px 22px calc(22px + var(--safe-b));background:radial-gradient(#1b0f3d17 1.6px, transparent 2.2px) 0 0 / 15px 15px, var(--paper);width:min(480px,100%);max-width:100%;max-height:92dvh;color:var(--ink);animation:puntazo-sheetIn .45s var(--ease-pop);border-bottom:0;border-radius:30px 30px 0 0;margin:auto auto 0;overflow:auto;box-shadow:0 -8px #1b0f3d59}& dialog.sheet.closing{animation:.18s ease-in forwards puntazo-sheetOut}& dialog::backdrop{backdrop-filter:blur(3px);background:#1b0f3db8}@media (width>=640px) and (height>=600px){& dialog.sheet{border-bottom:5px solid var(--ink);box-shadow:0 10px 0 var(--ink);border-radius:30px;margin:auto}}& .sheet h2{font-family:var(--display);margin:0 0 16px;font-size:32px;font-weight:400}& .sheet-close{position:absolute;top:14px;right:14px}& .sheet .btn{width:100%}& .result{text-align:center}& .stamp{font-family:var(--display);color:#fff;background:var(--pink);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;border:5px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:20px;margin:8px auto 6px;padding:4px 22px 8px;font-size:clamp(38px,12vw,58px);font-weight:400;line-height:1.1;animation:.6s cubic-bezier(.2,1.8,.4,1) .1s both puntazo-stamp;display:inline-block;transform:rotate(-4deg)}& .res-sub{color:#5a4a8a;margin:14px 0 18px;font-weight:600}& .res-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}& .res-stats div,& .stats div{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:18px;flex-direction:column;gap:0;padding:10px 6px;display:flex}& .res-stats b,& .stats b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:400;line-height:1.1}& .res-stats span,& .stats span{color:#6b5c9a;font-size:13px;font-weight:600}& .res-day{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}& .day-pill{border:3px solid var(--ink);color:#8d80b8;font-family:var(--display);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:5px 14px;font-size:17px;display:inline-flex}& .day-pill svg{stroke-width:4px;width:15px;height:15px}& .day-pill.ok{background:var(--ok);color:var(--ink)}& .day-pill.cur{box-shadow:0 4px 0 var(--ink);transform:translateY(-2px)}& .sheet-actions{flex-direction:column;gap:14px;display:flex}& .steps{flex-direction:column;gap:14px;margin:0 0 14px;padding:0;list-style:none;display:flex}& .steps>li{grid-template-columns:120px 1fr;align-items:center;gap:14px;display:grid}& .steps p{margin:0;font-weight:500;line-height:1.35}& .steps li:last-child{grid-template-columns:1fr}& .demo{--cell:26px;background:var(--paper2);border:4px solid var(--ink);height:84px;box-shadow:0 4px 0 var(--ink);border-radius:16px;position:relative;overflow:hidden}& .demo .dom{filter:drop-shadow(0 3px 0 var(--ink));position:absolute}& .demo-slot{border:3px dashed var(--ink);border-radius:7px;width:52px;height:26px;margin-top:-13px;position:absolute;top:50%;right:10px}& .demo-drag .dom{animation:puntazo-demoDrag 2.8s var(--ease-out) infinite;margin-top:-13px;top:50%;left:8px}& .demo-hand{width:28px;height:28px;animation:puntazo-demoDrag 2.8s var(--ease-out) infinite;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M17 26V8.5a3.5 3.5 0 0 1 7 0V22l1-.2v-3.3a3.3 3.3 0 0 1 6.6 0v4l.6-.1a3.3 3.3 0 0 1 6.4 1.1v3.2a3.2 3.2 0 0 1 4.4 2.9V34c0 6.6-5.4 12-12 12h-4.3c-4 0-7.6-2.1-9.7-5.5L8.4 32a3.4 3.4 0 0 1 5.7-3.7z' fill='%23fff' stroke='%231b0f3d' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;top:46px;left:30px}& .demo-rot .dom{animation:puntazo-demoRot 3s var(--ease-pop) infinite;margin:-13px 0 0 -26px;top:50%;left:50%}& .demo-rules{justify-content:center;align-items:center;gap:10px;height:64px;display:flex}& .demo .chip,& .rules .chip,& .chip.sm{--cell:44px;--s:38px;pointer-events:none;flex:none;margin:0;position:relative;top:auto;left:auto;transform:none}& .chip.sm{--s:30px;vertical-align:middle;border-radius:999px;width:auto;min-width:30px;padding:0 4px;font-size:14px;display:inline-grid}& .rules{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}& .rules li{flex-wrap:wrap;align-items:center;gap:8px;font-weight:500;display:flex}& .chip-any{border:3px solid var(--ink);background:repeating-linear-gradient(135deg,#fff 0 5px,#f3e8c6 5px 10px);border-radius:9px;width:30px;height:30px;display:inline-block}& .help-note{color:#4a3b7a;margin:6px 0 18px;font-size:15px;font-weight:500;line-height:1.4}& .ok-txt{color:#0f8a4a}& .bad-txt{color:#d1202f}& .toggle{font-family:var(--display);cursor:pointer;border-bottom:3px dashed #1b0f3d33;justify-content:space-between;align-items:center;padding:14px 4px;font-size:21px;display:flex;position:relative}& .toggle input{opacity:0;width:1px;height:1px;position:absolute}& .toggle i{border:3px solid var(--ink);background:#cfc4ee;border-radius:17px;flex:none;width:58px;height:34px;transition:background .2s;position:relative}& .toggle i:after{content:"";border:3px solid var(--ink);width:24px;height:24px;transition:transform .28s var(--ease-pop);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}& .toggle input:checked+i{background:var(--ok)}& .toggle input:checked+i:after{transform:translate(24px)}& .toggle input:focus-visible+i{outline:4px solid var(--cyan);outline-offset:2px}& .stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}& .stats b{font-size:24px}& .danger{color:#d1202f!important}& .confetti{pointer-events:none;z-index:300;position:fixed;inset:0;overflow:hidden}& .cf{top:-24px;left:var(--x);background:var(--col);border:2.5px solid var(--ink);width:11px;height:17px;animation:puntazo-fall var(--d) var(--delay) cubic-bezier(.25, .6, .45, 1) forwards;border-radius:3px;position:absolute}& .cf.chip-cf{border-radius:50%;width:20px;height:20px}@media (height<=700px){& .hero{padding-top:0}& .levels{gap:12px;margin-top:2vh}& .level{padding-block:10px}& .tagline{margin-top:10px}}& #home{overscroll-behavior:contain;overflow-y:auto}@media (height<=520px) and (orientation:landscape){& .topbar{left:0;right:0;top:var(--safe-t);position:absolute}& .hero{padding-top:14px}& .logo{font-size:32px}& .tagline{margin-top:8px;font-size:14px}& .levels{flex-direction:row;width:min(900px,100% - 32px);margin-top:18px}& .level{text-align:center;flex:1;grid-template-columns:1fr;justify-items:center;gap:8px;padding:12px 12px 12px 26px}& .lv-info{align-items:center}& .mini{width:56px;max-height:56px}& .home-foot{padding-top:10px}}@media (prefers-reduced-motion:reduce){&,& *,&:before,& :before,&:after,& :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}& .fl{display:none}}& .icon-btn.pulse{animation:1.6s ease-out infinite puntazo-helpPulse}& dialog:focus,& dialog:focus-visible{outline:none}& .row2{gap:12px;display:flex}& .sheet .row2 .btn{flex:1;width:auto;padding:0 12px}& .level.lv-wild{background:linear-gradient(135deg, var(--paper), #ead9ff)}& .cal-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}& .cal-nav b{font-family:var(--display);font-size:24px;font-weight:400}& .cal-nav b:first-letter{text-transform:uppercase}& .cal-nav .icon-btn{width:44px;height:44px}& .cal-nav .icon-btn:disabled{opacity:.35;pointer-events:none}& .flip svg{transform:scaleX(-1)}& .cal-head,& .cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}& .cal-head span{text-align:center;color:#6b5c9a;padding-bottom:4px;font-size:13px;font-weight:700}& .cal .day{aspect-ratio:1;border:3px solid var(--ink);color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:14px;align-content:center;place-items:center;gap:2px;padding:0;transition:transform .1s,box-shadow .1s;display:grid;position:relative}& .cal .day i{font-style:normal;font-family:var(--display);font-size:19px;line-height:1}& .cal .day:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translateY(3px)}& .cal .day.off{opacity:.3;box-shadow:none;border-style:dashed}& .cal .day.part{background:#fff1a8}& .cal .day.full{background:var(--ok)}& .cal .day.cur{outline:4px solid var(--pink);outline-offset:1px}& .cal .day.now:after{content:"★";color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:18px;position:absolute;top:-9px;right:-5px}& .dots{gap:3px;display:flex}& .dots s{background:#1b0f3d2e;border-radius:50%;width:6px;height:6px;text-decoration:none}& .dots s.on{background:var(--ink)}& .ribbon{background:var(--pink);color:#fff;font-style:normal;font-family:var(--display);letter-spacing:.04em;border:2.5px solid var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;border-radius:999px;padding:1px 10px 2px;font-size:13px;position:absolute;top:8px;right:14px;rotate:4deg}&.vt .screen{transition:none!important}& .levels.seen .level{animation:none}}@keyframes puntazo-vtOut{to{opacity:0;filter:blur(5px);transform:scale(.95)}}@keyframes puntazo-vtIn{0%{opacity:0;transform:scale(1.04)}}@keyframes puntazo-vtRise{0%{opacity:0;transform:translateY(80px)rotate(2.5deg)scale(.96)}}@keyframes puntazo-vtSink{to{opacity:0;transform:translateY(60px)rotate(-2deg)scale(.96)}}@keyframes puntazo-vtFade{to{opacity:0}}@keyframes puntazo-vtAppear{0%{opacity:0}}html[data-pz-vt]::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.9,.25,1)}html[data-pz-vt]::view-transition-group(pz-board){animation-duration:.72s;animation-timing-function:cubic-bezier(.3,1.22,.45,1)}html[data-pz-vt]::view-transition-group(pz-label){animation-duration:.6s;animation-timing-function:cubic-bezier(.3,1.3,.45,1)}html[data-pz-vt=in]::view-transition-old(pz-board){animation:.28s ease-out both puntazo-vtFade}html[data-pz-vt=in]::view-transition-new(pz-board),html[data-pz-vt=out]::view-transition-old(pz-board){animation:none}html[data-pz-vt=out]::view-transition-new(pz-board){animation:.26s ease-out .42s both puntazo-vtAppear}html[data-pz-vt]::view-transition-old(root){animation:.38s cubic-bezier(.4,0,.2,1) both puntazo-vtOut}html[data-pz-vt]::view-transition-new(root){animation:.45s cubic-bezier(.2,.8,.3,1) .1s both puntazo-vtIn}html[data-pz-vt=in]::view-transition-new(pz-tray){animation:.62s cubic-bezier(.3,1.35,.5,1) .16s both puntazo-vtRise}html[data-pz-vt=in]::view-transition-new(pz-acts){animation:.62s cubic-bezier(.3,1.35,.5,1) .26s both puntazo-vtRise}html[data-pz-vt=out]::view-transition-old(pz-tray){animation:.32s cubic-bezier(.5,0,.75,0) both puntazo-vtSink}html[data-pz-vt=out]::view-transition-old(pz-acts){animation:.32s cubic-bezier(.5,0,.75,0) 40ms both puntazo-vtSink}