.memory-match{--mm-ink:#20372f;--mm-muted:#52695e;--mm-surface:#f1f7f1;--mm-front:#fffdf5;--mm-back:#255a49;--mm-pattern:#4f826a;--mm-emblem:#f3e3ac;--mm-border:#c8dacb;--mm-match:#34744b;--mm-focus:#b36b19;color:var(--mm-ink)}.dark .memory-match{--mm-ink:#e6f2e9;--mm-muted:#b0c6b7;--mm-surface:#172c24;--mm-front:#293c32;--mm-back:#224d40;--mm-pattern:#41705b;--mm-emblem:#f4db9d;--mm-border:#415e4b;--mm-match:#8ccc9d;--mm-focus:#f2c16f}.memory-match .mm-shell{min-width:0;max-width:850px;padding-block:28px 56px}.mm-back{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.mm-header{text-align:center;margin:20px 0 28px}.mm-header h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(2rem,7vw,3rem);font-weight:750}.mm-header p,.mm-instructions p{color:var(--mm-muted)}.mm-header .mm-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.mm-play{background:var(--mm-surface);border:1px solid var(--mm-border);text-align:center;border-radius:24px;padding:clamp(12px,3vw,28px)}.mm-controls{border:0;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;display:flex}.mm-controls legend{float:none;width:100%;color:var(--mm-muted);margin-bottom:12px;font-size:.8rem}.mm-play button:not(.mm-card){white-space:normal;min-height:44px}.mm-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:22px 0;display:grid}.mm-stats dt{color:var(--mm-muted);font-size:.75rem}.mm-stats dd{font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:clamp(1rem,4vw,1.4rem);font-weight:700}.mm-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.6vw,12px);max-width:480px;margin-inline:auto;display:grid}.mm-card{aspect-ratio:1;cursor:pointer;perspective:700px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;width:100%;min-width:40px;min-height:40px;padding:0;position:relative}.mm-card:disabled{cursor:default}.mm-card:focus-visible,.memory-match a:focus-visible{outline:3px solid var(--mm-focus);outline-offset:3px}.mm-card-inner{transform-style:preserve-3d;transition:transform .24s;display:block;position:absolute;inset:0}.mm-card[data-revealed=true] .mm-card-inner{transform:rotateY(180deg)}.mm-card-back,.mm-card-front{backface-visibility:hidden;border:2px solid var(--mm-border);border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.mm-card-back{background-color:var(--mm-back);background-image:repeating-linear-gradient(45deg, transparent 0 10px, var(--mm-pattern) 10px 12px, transparent 12px 22px), repeating-linear-gradient(-45deg, transparent 0 10px, var(--mm-pattern) 10px 12px, transparent 12px 22px)}.mm-card-back>span{color:var(--mm-emblem);background:var(--mm-back);aspect-ratio:1;border-radius:50%;place-items:center;width:52%;font-size:clamp(1.2rem,5vw,2rem);display:grid}.mm-card-front{background:var(--mm-front);font-size:clamp(1.5rem,6vw,2.7rem);transform:rotateY(180deg)}.mm-card[data-matched=true] .mm-card-front{border-color:var(--mm-match)}.mm-check{color:var(--mm-match);font-size:.8rem;font-weight:800;position:absolute;bottom:0;right:4px}.mm-status{max-width:440px;min-height:3em;margin:18px auto 8px;font-size:.9rem}.mm-instructions,.mm-other{margin-top:30px}.mm-instructions h2,.mm-other h2{margin-bottom:12px;font-size:1.25rem;font-weight:700}.mm-instructions ol{padding-left:24px;line-height:1.8;list-style:decimal}.mm-instructions p{margin-top:12px;font-size:.9rem}.mm-other>div{flex-wrap:wrap;gap:8px;display:flex}.mm-other a{border:1px solid var(--mm-border);text-underline-offset:3px;border-radius:10px;align-items:center;min-height:44px;padding:8px 12px;text-decoration:underline;display:inline-flex}@media (width>=560px){.mm-board-extreme,.mm-board-nightmare{grid-template-columns:repeat(6,minmax(0,1fr));max-width:630px}}@media (prefers-reduced-motion:reduce){.memory-match *,.memory-match :before,.memory-match :after{transition:none!important;animation:none!important}}.mm-card[data-matched=true] .mm-card-front{box-shadow:0 0 0 3px color-mix(in oklab, var(--mm-match) 35%, transparent);animation:.45s ease-out mm-match}.mm-card-back,.mm-card-front{box-shadow:0 6px 14px -8px color-mix(in oklab, var(--mm-ink) 45%, transparent)}.mm-card:not(:disabled):hover .mm-card-inner{transform:translateY(-3px)}.mm-streak{color:var(--mm-match);animation:.35s ease-out mm-match}.mm-result{border:1px solid var(--mm-border);background:var(--mm-front);border-radius:14px;gap:4px;max-width:440px;margin:18px auto 0;padding:14px;animation:.4s ease-out mm-match;display:grid}.mm-result strong{font-size:1.15rem}.mm-result span{color:var(--mm-muted);font-size:.85rem}.mm-result-win{border-color:var(--mm-match)}.mm-result-win strong{color:var(--mm-match)}.mm-result-fail{border-color:var(--mm-focus)}.mm-result-fail strong{color:var(--mm-focus)}@keyframes mm-match{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}@media (width<=480px){.mm-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}}