/* Mosaic Memory: board and tiles (shared look in brain-kit.css) */
.mmem-frame{width:min(100cqw,100cqh);aspect-ratio:1;padding:calc(min(100cqw,100cqh) * .045);box-sizing:border-box;border-radius:10px;
  background:repeating-conic-gradient(#2d2a26 0 25%,#efe6d0 0 50%) 0 0/14px 14px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
html[data-theme="dark"] .mmem-frame{background:repeating-conic-gradient(#0f0e0c 0 25%,#8e8574 0 50%) 0 0/14px 14px}
.mmem-board{--n:3;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:calc(6% / var(--n));
  padding:calc(8% / var(--n));box-sizing:border-box;background:#b9ad93;border-radius:4px;touch-action:manipulation}
html[data-theme="dark"] .mmem-board{background:#4b463c}
.mmem-t{position:relative;border:0;padding:0;margin:0;border-radius:3px;cursor:default;-webkit-tap-highlight-color:transparent;overflow:hidden;
  background-color:var(--st);
  background-image:linear-gradient(90deg,transparent 0 32%,rgba(60,45,25,.16) 32% 34%,transparent 34% 65%,rgba(60,45,25,.16) 65% 67%,transparent 67%),
    linear-gradient(0deg,transparent 0 32%,rgba(60,45,25,.16) 32% 34%,transparent 34% 65%,rgba(60,45,25,.16) 65% 67%,transparent 67%),
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.45),transparent 60%);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);transition:background-color .25s,transform .12s}
.mmem-t.s0{--st:#efe6d2}.mmem-t.s1{--st:#e6dcc4}.mmem-t.s2{--st:#ece4d6}.mmem-t.s3{--st:#e2d7bf}
html[data-theme="dark"] .mmem-t.s0{--st:#7d7464}html[data-theme="dark"] .mmem-t.s1{--st:#756c5c}html[data-theme="dark"] .mmem-t.s2{--st:#80786a}html[data-theme="dark"] .mmem-t.s3{--st:#736a59}
.mmem-board.live .mmem-t{cursor:pointer}
.mmem-board.live .mmem-t:hover{transform:scale(.96)}
.mmem-t svg{position:absolute;inset:14%;width:72%;height:72%;opacity:0;transition:opacity .2s}
.mmem-rose{fill:#5b3a0a}
.mmem-x{stroke:#fff;stroke-width:5;stroke-linecap:round;fill:none}
.mmem-t.lit,.mmem-t.hit{--st:#e9b949;background-image:radial-gradient(circle at 35% 30%,#fff3c4,rgba(255,243,196,0) 55%),linear-gradient(135deg,#f6d36b,#c8901f)}
html[data-theme="dark"] .mmem-t.lit,html[data-theme="dark"] .mmem-t.hit{--st:#e9b949}
.mmem-t.lit svg:first-child,.mmem-t.hit svg:first-child{opacity:1}
.mmem-t.lit{box-shadow:0 0 0 2px #fff6d6,0 0 12px 2px rgba(233,185,73,.7)}
.mmem-t.miss{--st:#7a2338;background-image:none}
html[data-theme="dark"] .mmem-t.miss{--st:#a3334f}
.mmem-t.miss svg:last-child{opacity:1}
.mmem-t.missed{outline:3px dashed #c8901f;outline-offset:-5px}
.mmem-t.missed svg:first-child{opacity:.45}
.mmem-med{width:120px;height:120px;display:block;margin:.2rem auto .4rem}
.mmem-w{stroke:var(--card);stroke-width:1.6}
.mmem-w.up{fill:#d9a93a}.mmem-w.stay{fill:#ecd58f}.mmem-w.down{fill:#a9a294}
html[data-theme="dark"] .mmem-w.down{fill:#5b574f}
.mmem-dot{fill:#5b3a0a}.mmem-hub{fill:#004225}
@media (prefers-reduced-motion:reduce){.mmem-t,.mmem-t svg{transition:none}}