.fp-mem{--mem-ink:#17181a;--mem-panel:#fff;--mem-yellow:#ffd23f;--gd-chip:var(--mem-panel);--gd-chip-on:var(--mem-yellow);--gd-btn:var(--btn,#ff9c00);color:#fff;font-family:var(--sans,"Inter", system-ui, sans-serif);--mem-mode:stack;position:relative}@media (width>=860px){.fp-mem{--mem-mode:wide}}.fp-mem [hidden]{display:none!important}.fp-mem .sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fp-mem .mem-mute{z-index:80;cursor:pointer;color:#fff;background:#ffffff24;border:3px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;display:grid;position:absolute;top:-4px;right:0}.fp-mem .mem-mute:active{transform:translateY(2px)}.fp-mem .mem-mute .mem-slash,.fp-mem .mem-mute.off .mem-wave{opacity:0}.fp-mem .mem-mute.off .mem-slash{opacity:1}@media (width<=640px){.fp-mem .mem-mute{width:46px;height:46px}}.fp-mem .mem-head{text-align:center;margin:0 auto clamp(10px,1.8vw,16px)}.fp-mem .mem-head h1{color:#fff;min-height:1.1em;font-family:var(--display,"Fredericka the Great", Georgia, serif);text-wrap:balance;margin:0;font-size:clamp(28px,5vw,48px);font-weight:400;line-height:1.05}.fp-mem .mem-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:clamp(12px,2vw,18px) auto 0;display:flex}.fp-mem .mem-dots i{background:0 0;border:2px solid #ffffff8c;border-radius:50%;width:11px;height:11px;transition:all .25s}.fp-mem .mem-dots i.on{background:var(--mem-yellow);border-color:var(--mem-yellow);transform:scale(1.25)}.fp-mem .mem-stage{max-width:1080px;margin:clamp(12px,2vw,20px) auto 0;position:relative}.fp-mem .mem-cf{pointer-events:none;z-index:40;width:100%;height:100%;position:absolute;inset:0}.fp-mem .mem-board{--cols:4;--rows:3;--gap:clamp(8px, 1.6vw, 16px);--budget:58svh;--card-h:calc((var(--budget) - (var(--rows) - 1) * var(--gap)) / var(--rows));--card-w:calc(var(--card-h) * 3 / 4);--card-min:clamp(72px, 20vw, 108px);max-width:max(calc(var(--cols) * var(--card-w) + (var(--cols) - 1) * var(--gap)), calc(var(--cols) * var(--card-min) + (var(--cols) - 1) * var(--gap)));grid-template-columns:repeat(var(--cols), 1fr);gap:var(--gap);z-index:3;margin-inline:auto;display:grid;position:relative}@media (width>=860px){.fp-mem .mem-board{--budget:64svh}}.fp-mem .mem-card{aspect-ratio:3/4;cursor:pointer;perspective:900px;background:0 0;border:0;padding:0;animation:.42s cubic-bezier(.2,1.4,.4,1) backwards mem-deal;position:relative}@keyframes mem-deal{0%{opacity:0;transform:translateY(26px)scale(.82)rotate(-8deg)}}.fp-mem .mem-card:focus-visible{outline-offset:4px;border-radius:20px;outline:3px solid #fff}.fp-mem .mem-inner{transform-style:preserve-3d;transition:transform .46s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0}.fp-mem .mem-card.up .mem-inner,.fp-mem .mem-card.done .mem-inner{transform:rotateY(180deg)}.fp-mem .mem-card:hover:not(.up):not(.done) .mem-inner{transform:translateY(-5px)rotate(-1.5deg)}.fp-mem .mem-card:active:not(.up):not(.done) .mem-inner{transform:translateY(2px)scale(.97)}.fp-mem .mem-back,.fp-mem .mem-face{backface-visibility:hidden;border:3px solid var(--mem-ink);border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px 0 -2px #00000057}.fp-mem .mem-back{background:var(--back);color:var(--back-ink);background-image:radial-gradient(circle at 22% 18%,#ffffff52 0 14%,#0000 14.5%),radial-gradient(circle at 82% 86%,#0000001f 0 18%,#0000 18.5%);place-items:center;display:grid}.fp-mem .mem-back svg{opacity:.92;filter:drop-shadow(0 2px #0000002e);width:42%;height:auto}.fp-mem .mem-face{background:var(--mem-panel);color:#17181a;grid-template-rows:1fr auto;place-items:end center;padding:6px 6px 7px;display:grid;transform:rotateY(180deg)}.fp-mem .mem-disc{aspect-ratio:1;background:var(--accent);opacity:.9;border-radius:50%;width:78%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.fp-mem .mem-face img{z-index:2;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 4px 6px #00101a47);grid-row:1;width:auto;max-width:96%;height:auto;max-height:100%;position:relative}.fp-mem .mem-name{z-index:3;font-family:var(--display,"Fredericka the Great", Georgia, serif);text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-row:2;max-width:100%;font-size:clamp(12px,1.5vw,18px);line-height:1.35;position:relative;overflow:hidden}.fp-mem .mem-card.done{pointer-events:none;animation:.5s cubic-bezier(.2,1.5,.4,1) mem-pop}@keyframes mem-pop{40%{transform:scale(1.12)rotate(2deg)}}.fp-mem .mem-card.done .mem-face{border-color:var(--mem-yellow);box-shadow:0 0 0 4px #ffd23f80,0 6px 0 -2px #00000057}.fp-mem .mem-card.no{animation:.5s mem-no}@keyframes mem-no{0%,to{translate:0}22%{translate:-8px}48%{translate:7px}74%{translate:-4px}}.fp-mem .mem-board.cheer .mem-card{animation:1s cubic-bezier(.2,1.35,.4,1) forwards mem-cheer;animation-delay:calc(var(--i,0) * 45ms)}@keyframes mem-cheer{0%{transform:translate(0)rotate(0)}45%{transform:translateX(calc(var(--dx,0px) * .55)) rotate(calc(var(--spin,6deg) * 1.7)) scale(1.08)}to{transform:translateX(var(--dx,0px)) rotate(var(--spin,6deg))}}.fp-mem .mem-win{z-index:70;position:absolute;inset:0}.fp-mem .mem-tools{flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(16px,2.6vw,24px) 0 0;display:flex}.fp-mem:has(.mem-win:not([hidden])) .mem-tools{display:none}@media (prefers-reduced-motion:reduce){.fp-mem *{transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}