.g-memory-match{--mm-tint:20%;--mm-ink:60%;--mm-c0:#e2721f;--mm-c1:#1f9fd0;--mm-c2:#d3a209;--mm-c3:#e0538f;--mm-c4:#8558d8;--mm-c5:#dd4b3e;--mm-c6:#3a63d6;--mm-c7:#2ea25e;--mm-c8:#12a79c;--mm-c9:#9c6a41;width:100%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-memory-match{--mm-tint:30%;--mm-ink:55%}}:root[data-theme=dark] .g-memory-match{--mm-tint:30%;--mm-ink:55%}.g-memory-match .mm-grid{grid-template-columns:repeat(var(--mm-cols,4), 1fr);gap:var(--sp-2);width:min(100%, calc(var(--mm-cols,4) * 112px));margin-inline:auto;display:grid}@media (max-width:430px){.g-memory-match .mm-grid{grid-template-columns:repeat(var(--mm-cols-narrow,3), 1fr);gap:var(--sp-1);width:100%}}.g-memory-match .mm-card{aspect-ratio:1;min-width:var(--tap);min-height:var(--tap);border-radius:var(--r-md);perspective:800px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.g-memory-match .mm-card[aria-disabled=true]{cursor:default}.g-memory-match .mm-inner{transform-style:preserve-3d;transition:transform .32s var(--ease);position:absolute;inset:0}.g-memory-match .mm-card.is-up .mm-inner{transform:rotateY(180deg)}.g-memory-match .mm-back,.g-memory-match .mm-face{border:2px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.g-memory-match .mm-back{background:var(--c-surface-2);color:color-mix(in srgb, var(--c-brand) 45%, var(--c-text-faint))}.g-memory-match .mm-face{background:color-mix(in srgb, var(--mm-c,var(--c-brand)) var(--mm-tint), var(--c-surface));border-color:color-mix(in srgb, var(--mm-c,var(--c-brand)) 45%, var(--c-border));color:color-mix(in srgb, var(--mm-c,var(--c-brand)) var(--mm-ink), var(--c-text));transform:rotateY(180deg)}.g-memory-match .mm-face[data-pair="0"]{--mm-c:var(--mm-c0)}.g-memory-match .mm-face[data-pair="1"]{--mm-c:var(--mm-c1)}.g-memory-match .mm-face[data-pair="2"]{--mm-c:var(--mm-c2)}.g-memory-match .mm-face[data-pair="3"]{--mm-c:var(--mm-c3)}.g-memory-match .mm-face[data-pair="4"]{--mm-c:var(--mm-c4)}.g-memory-match .mm-face[data-pair="5"]{--mm-c:var(--mm-c5)}.g-memory-match .mm-face[data-pair="6"]{--mm-c:var(--mm-c6)}.g-memory-match .mm-face[data-pair="7"]{--mm-c:var(--mm-c7)}.g-memory-match .mm-face[data-pair="8"]{--mm-c:var(--mm-c8)}.g-memory-match .mm-face[data-pair="9"]{--mm-c:var(--mm-c9)}.g-memory-match .mm-back>svg,.g-memory-match .mm-face>svg{width:62%;height:62%}.g-memory-match .mm-back>svg{opacity:.65;width:46%;height:46%}.g-memory-match .mm-card.is-matched .mm-face{border-color:var(--c-good)}.g-memory-match .mm-badge{border-radius:var(--r-full);background:var(--c-good);width:18px;height:18px;color:var(--c-surface);opacity:0;transition:opacity var(--dur) var(--ease);place-items:center;display:grid;position:absolute;inset-block-start:4px;inset-inline-end:4px}.g-memory-match .mm-card.is-matched .mm-badge{opacity:1}.g-memory-match .mm-badge>svg{stroke-width:3px;width:12px;height:12px}.g-memory-match .mm-card.is-matched .mm-inner{animation:mm-found .42s var(--ease)}@keyframes mm-found{50%{transform:rotateY(180deg)scale(1.07)}}.g-memory-match .mm-card.is-hint .mm-face{outline:3px dashed var(--c-accent);outline-offset:-5px}.g-memory-match .mm-msg{min-height:1.6em;padding-inline:var(--sp-3);text-align:center;color:var(--c-text-dim);margin:0;font-weight:600}.g-memory-match .mm-msg.is-good{color:var(--c-good)}.g-memory-match.is-still .mm-inner,.g-memory-match.is-still .mm-badge{transition:none}.g-memory-match.is-still .mm-card.is-matched .mm-inner{animation:none}@media (prefers-reduced-motion:reduce){.g-memory-match .mm-inner,.g-memory-match .mm-badge{transition:none}.g-memory-match .mm-card.is-matched .mm-inner{animation:none}}