body.game-memory-game.pp{overscroll-behavior:none}html.game-memory-game:has(body.pp){overscroll-behavior:none}.pp-stage.c-stage{-webkit-tap-highlight-color:transparent;flex:auto;align-items:stretch;min-height:0;padding:16px;container-type:size}.pp-card.c-card-frame{box-sizing:border-box;align-items:stretch;gap:14px;width:min(100%,720px);min-height:0;padding:20px}@container (width<=599px){.pp-card.c-card-frame{background:0 0;border:none;border-radius:0;gap:12px;padding:0}}.c-hud{flex:none;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;height:52px;display:grid}.pp-stat.c-stat{flex-direction:column;justify-content:center;min-width:0;padding:0 8px;display:flex;container-type:inline-size}.c-stat .pp-stat-value{font-size:min(22px, 100cqi / (var(--chars,1) * .62));white-space:nowrap;line-height:24px}.pp-newgame.c-new{white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;padding:0 18px;display:flex}.c-new-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;display:none}@container (width>=600px){.c-hud{grid-template-columns:repeat(3,124px) 1fr auto}.pp-newgame.c-new{grid-column:5}}@container (width<=339px){.c-hud{grid-template-columns:repeat(3,minmax(0,1fr)) 52px}.pp-newgame.c-new{padding:0}.c-new-icon{display:block}.c-new-label{display:none}.pp-stat.c-stat{padding:0 6px}}.pp-newgame.c-new:focus-visible{outline-offset:2px;outline:3px solid #241f1a}.c-play{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:auto;min-height:0;display:flex;container-type:size}.c-board{--flip-ms:.24s;--gap:clamp(4px, 100cqmin / var(--n) * .1, 12px);--fit-w:calc((100cqw - (var(--n) - 1) * var(--gap)) / var(--n));--fit-h:calc((100cqh - (var(--n) - 1) * var(--gap)) / var(--n));--cw:min(var(--fit-w), var(--fit-h) * var(--wide,1), var(--card-max,150px));--ch:min(var(--fit-h), var(--cw) * 1.4);--r:calc(var(--cw) * .13);grid-template-columns:repeat(var(--n), var(--cw));grid-auto-rows:var(--ch);gap:var(--gap);margin:auto;display:grid}.c-board .c-card,.c-board .c-card:hover{width:var(--cw);height:var(--ch);border-radius:var(--r);box-shadow:none;cursor:pointer;perspective:calc(var(--cw) * 5);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0;transition:none;position:relative}.c-board .c-card.is-up{cursor:default}.c-board .c-card:focus-visible{z-index:2;outline-offset:2px;outline:3px solid #241f1a}.c-flip{transform-style:preserve-3d;transition:transform var(--flip-ms) cubic-bezier(.3, .75, .3, 1);display:block;position:absolute;inset:0}.c-card.is-up .c-flip{transform:rotateY(180deg)}.c-back,.c-face{border-radius:var(--r);backface-visibility:hidden;position:absolute;inset:0}.c-back{box-shadow:inset 0 calc(var(--cw) * .035) 0 #ffffff2e, inset 0 calc(var(--cw) * -.07) 0 #21146e4d;background-color:#7c6de0}.c-back:before{content:"";inset:12% 12% calc(12% + var(--cw) * .04);border:max(1.5px, calc(var(--cw) * .022)) solid #ffffff47;border-radius:calc(var(--r) * .6);position:absolute}.c-back:after{content:"";top:calc(50% - var(--cw) * .02);width:calc(var(--cw) * .2);height:calc(var(--cw) * .2);background:#ffffff6b;border-radius:18%;position:absolute;left:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (hover:hover) and (pointer:fine){.c-board .c-card:not(.is-up):hover .c-back{background-color:#8a7ce6}}@property --face{syntax:"<color>";inherits:true;initial-value:#fffdf9}.c-face{--face:#fffdf9;background-color:var(--face);box-shadow:inset 0 0 0 1px #e4d7c1, inset 0 calc(var(--cw) * -.05) 0 #60441c21;justify-content:center;align-items:center;transition:--face .25s,box-shadow .25s;display:flex;transform:rotateY(180deg)}.c-card.is-matched .c-face{--face:#f1eadc;transition-delay:calc(var(--flip-ms) + .2s);box-shadow:inset 0 0 0 1px #0000,inset 0 0 #60441c00}.c-art{aspect-ratio:1;fill:currentColor;pointer-events:none;width:64%;max-height:72%;transition:opacity .25s;overflow:visible}.c-card.is-matched .c-art{opacity:.5;transition-delay:calc(var(--flip-ms) + .2s)}.s-line,.s-thin{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.s-thin{stroke-width:1.7px}.s-soft{stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.s-cut{fill:var(--face)}.s-cut-line,.s-cut-thin{fill:none;stroke:var(--face);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.s-cut-thin{stroke-width:1.1px}.t-red{color:#cf3f2a}.t-orange{color:#d2691c}.t-amber{color:#b07d0a}.t-green{color:#3a9149}.t-forest{color:#1f6b4a}.t-teal{color:#12838c}.t-blue{color:#2f74d0}.t-navy{color:#2d4690}.t-purple{color:#7a55d6}.t-pink{color:#d23f7d}.t-brown{color:#8a5a3c}.t-slate{color:#566079}.c-card.is-matching{z-index:1;animation:c-match .32s ease-out var(--flip-ms)}@keyframes c-match{40%{scale:1.1}}.c-card.is-missing{animation:c-miss .3s ease-in-out var(--flip-ms)}@keyframes c-miss{25%{translate:-5%}50%{translate:4%}75%{translate:-2%}}.c-card.is-dealing{animation:c-deal .26s ease-out var(--wave,0s) backwards}@keyframes c-deal{0%{opacity:0;scale:.8}}.c-card.is-cheering{animation:c-cheer .45s ease-in-out calc(var(--flip-ms) + .16s + var(--wave,0s))}@keyframes c-cheer{40%{translate:0 -12%}}@media (prefers-reduced-motion:reduce){.c-board{--flip-ms:0s}.c-card.is-matching,.c-card.is-missing,.c-card.is-dealing,.c-card.is-cheering{animation:none}}.celebration-icon:has(.c-go-pair){background:0 0}.c-go-pair{display:flex}.c-go-card{--face:#fffdf9;background:var(--face);border-radius:7px;justify-content:center;align-items:center;width:40px;height:52px;display:flex;rotate:-7deg;box-shadow:inset 0 0 0 1.5px #e4d7c1,inset 0 -3px #60441c21}.c-go-card+.c-go-card{margin-left:-4px;rotate:7deg}.c-go-card .c-art{width:68%}.c-hint{text-align:center;color:#8a7f70;white-space:nowrap;text-overflow:ellipsis;flex:none;height:20px;margin:0;font-size:14px;line-height:20px;overflow:hidden}.c-sr-only,.c-sprites{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (orientation:landscape) and (height<=500px){.pp-stage.c-stage{padding:8px 12px}.pp-card.c-card-frame{background:0 0;border:none;border-radius:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 168px;gap:12px;width:min(100%,130cqh + 180px);padding:0;display:grid}.c-play{grid-area:1/1}.c-board{--wide:1.3}.c-hud{grid-area:1/2;grid-template-columns:1fr;grid-auto-rows:48px;align-content:center;height:auto}.pp-newgame.c-new{grid-column:1;padding:0 18px}.c-new-icon{display:none}.c-new-label{display:inline}.c-hint{display:none}}body.pp.immersive .pp-stage.c-stage{padding:72px 16px 24px}body.pp.immersive .pp-card.c-card-frame{--card-max:190px;background:#fff;border:1px solid #eadfce;border-radius:22px;width:min(100%,900px);height:100%;padding:16px}@media (orientation:landscape) and (height<=500px){body.pp.immersive .pp-stage.c-stage{padding:12px 136px 12px 16px}body.pp.immersive .pp-card.c-card-frame{width:min(100%,130cqh + 180px);padding:12px}}