.zp-memory{--zp-card-ratio:1.22;--zp-grid-gap:clamp(.35rem, 1.2vw, .75rem);z-index:12000;padding:max(.35rem, env(safe-area-inset-top)) max(.35rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left));font-family:var(--zp-font-body,"Fira Sans", system-ui, sans-serif);place-items:stretch stretch;animation:.28s zp-memory-fade;display:grid;position:fixed;inset:0}.zp-memory__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(80% 60% at 50% 20%,#a0bc3b2e,#0000 55%),#0c160ed1;position:absolute;inset:0}.zp-memory__panel{z-index:1;color:#f7f3ea;background:linear-gradient(165deg,#2a5236f7 0%,#183020fa 48%,#122418fc 100%);border:1px solid #ffffff1f;border-radius:clamp(14px,2vw,22px);flex-direction:column;width:100%;height:100%;min-height:0;padding:clamp(.65rem,1.5vw,1.15rem);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff1a}.zp-memory__top{flex:none;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.35rem;display:flex}.zp-memory__kicker{letter-spacing:.08em;text-transform:uppercase;color:#d7f36a;margin:0;font-size:clamp(.65rem,1.4vw,.78rem);font-weight:600}.zp-memory__continent{font-family:var(--zp-font-display,"Fira Sans Extra Condensed", "Fira Sans", sans-serif);letter-spacing:.02em;text-transform:uppercase;color:#fcf7f4;margin:.1rem 0 0;font-size:clamp(1.15rem,2.8vw,2rem);font-weight:700;line-height:1.15}.zp-memory__continent span{color:#d7f36a}.zp-memory__close{color:#fcf7f4;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;flex:none;width:2.35rem;height:2.35rem;font-size:1.4rem;line-height:1}.zp-memory__close:hover{background:#ffffff29}.zp-memory__progress{flex-wrap:wrap;flex:none;align-items:center;gap:.35rem .45rem;margin-bottom:.55rem;display:flex}.zp-memory__dot{background:#ffffff38;border-radius:999px;width:.55rem;height:.55rem;transition:transform .2s,background .2s}.zp-memory__dot.is-done{background:#a0bc3b}.zp-memory__dot.is-active{background:#d7f36a;transform:scale(1.25);box-shadow:0 0 0 3px #d7f36a38}.zp-memory__progress-label{color:#fcf7f4b8;margin-left:.25rem;font-size:clamp(.7rem,1.5vw,.85rem)}.zp-memory__board{flex:auto;place-items:center;min-width:0;min-height:0;display:grid;container:memory-board/size}.zp-memory__grid{--cols:var(--zp-memory-cols,4);--rows:var(--zp-memory-rows,2);--gap:var(--zp-grid-gap);--fit-w:calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols));--fit-h:calc((100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows) / var(--zp-card-ratio));--card:min(var(--fit-w), var(--fit-h));grid-template-columns:repeat(var(--cols), var(--card));grid-template-rows:repeat(var(--rows), calc(var(--card) * var(--zp-card-ratio)));gap:var(--gap);place-content:center;width:max-content;max-width:100%;max-height:100%;display:grid}.zp-memory__card{width:var(--card);height:calc(var(--card) * var(--zp-card-ratio));cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.zp-memory__card:disabled{cursor:default}.zp-memory__card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.zp-memory__card.is-flipped .zp-memory__card-inner,.zp-memory__card.is-matched .zp-memory__card-inner{transform:rotateY(180deg)}.zp-memory__card.is-matched .zp-memory__card-inner{animation:.55s zp-memory-match}.zp-memory__card.is-shake .zp-memory__card-inner{animation:.45s zp-memory-shake}.zp-memory__face{backface-visibility:hidden;border-radius:clamp(8px,1.2cqw,14px);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 18px #00000047}.zp-memory__face--back{background:radial-gradient(circle at 30% 25%,#d7f36a38,#0000 45%),linear-gradient(145deg,#395338 0%,#2a5236 55%,#1f3d28 100%);border:2px solid #d7f36a59;justify-content:center;align-items:center}.zp-memory__paw{opacity:.9;background:#d7f36ad9;border-radius:50%;width:clamp(1.2rem,22%,2.4rem);height:clamp(1.2rem,22%,2.4rem);box-shadow:.85em -.62em 0 -.28em #d7f36abf,-.85em -.62em 0 -.28em #d7f36abf,.62em .75em 0 -.32em #d7f36a12,-.62em .75em 0 -.32em #d7f36a12}.zp-memory__face--front{background:#fcf7f4;border:2px solid #ffffff8c;transform:rotateY(180deg)}.zp-memory__face--front img{object-fit:cover;background:#e8efe4;width:100%;height:74%;display:block}.zp-memory__name{text-align:center;color:#1f3d28;flex:1;justify-content:center;align-items:center;min-height:0;padding:.2em .35em;font-size:clamp(.55rem,8.5cqi,.85rem);font-weight:650;line-height:1.1;display:flex;overflow:hidden}.zp-memory__card{container-type:inline-size}.zp-memory__footer{flex:none;justify-content:space-between;align-items:center;gap:.65rem;margin-top:.55rem;display:flex}.zp-memory__status{color:#fcf7f4bf;margin:0;font-size:clamp(.75rem,1.6vw,.9rem)}.zp-memory__ghost{color:#fcf7f4;min-height:2.15rem;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.zp-memory__ghost:hover{background:#ffffff1a}.zp-memory__win{text-align:center;flex:1;align-content:center;justify-items:center;gap:1.1rem;padding:1rem .5rem;display:grid;overflow:auto}.zp-memory__win-body{color:#fcf7f4e0;max-width:32rem;margin:0;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.45}.zp-memory__promo{background:#00000038;border:1px solid #d7f36a47;border-radius:16px;justify-items:center;gap:.35rem;padding:1rem 1.5rem;display:grid}.zp-memory__promo-label{letter-spacing:.06em;text-transform:uppercase;color:#fcf7f4a6;font-size:.75rem}.zp-memory__promo-code{font-family:var(--zp-font-display,"Fira Sans Extra Condensed", sans-serif);letter-spacing:.08em;color:#d7f36a;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700}.zp-memory__win-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.zp-memory__win-actions .zp-btn{min-height:2.65rem}@keyframes zp-memory-fade{0%{opacity:0}to{opacity:1}}@keyframes zp-memory-match{0%{transform:rotateY(180deg)scale(1)}45%{transform:rotateY(180deg)scale(1.05)}to{transform:rotateY(180deg)scale(1)}}@keyframes zp-memory-shake{0%,to{transform:rotateY(180deg)translate(0)}25%{transform:rotateY(180deg)translate(-5px)}75%{transform:rotateY(180deg)translate(5px)}}@media (max-width:720px){.zp-memory{--zp-grid-gap:.4rem}.zp-memory__panel{padding:.7rem .6rem .75rem}.zp-memory__win-actions{width:100%}.zp-memory__win-actions .zp-btn{flex:auto;justify-content:center}}@media (max-width:420px){.zp-memory{--zp-grid-gap:.32rem;--zp-card-ratio:1.28}.zp-memory__name{font-size:clamp(.48rem,9cqi,.7rem)}}@media (max-height:500px) and (orientation:landscape){.zp-memory{--zp-grid-gap:.3rem;--zp-card-ratio:1.15}.zp-memory__kicker{display:none}.zp-memory__continent{font-size:1rem}.zp-memory__progress{margin-bottom:.35rem}}@supports not (width:1cqw){.zp-memory__board{justify-content:center;align-items:center;display:flex}.zp-memory__grid{--card:min(9rem, calc((100vw - 2rem - (var(--cols) - 1) * var(--gap)) / var(--cols)), calc((70vh - (var(--rows) - 1) * var(--gap)) / var(--rows) / var(--zp-card-ratio)))}}
