.memory .memory-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.memory .segmented{margin:0}.memory .memory-log{font-size:.9375rem;color:var(--ink-soft)}.memory-board{--size: 5;position:relative;width:min(100%,540px);aspect-ratio:1;background-color:var(--paper);background-image:radial-gradient(circle,rgba(35,35,58,.18) 2px,transparent 2.5px);background-size:calc(100% / var(--size)) calc(100% / var(--size));background-position:center;border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.memory-card{position:absolute;left:calc(100% / var(--size) * var(--x));top:calc(100% / var(--size) * var(--y));width:calc(100% / var(--size));height:calc(100% / var(--size));padding:5px;background:none;border:0;cursor:pointer;perspective:600px;transition:left .45s cubic-bezier(.4,1.5,.5,1),top .45s cubic-bezier(.4,1.5,.5,1)}.memory-card .memory-card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s}.memory-card .memory-card-back,.memory-card .memory-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:var(--line);border-radius:10px;backface-visibility:hidden}.memory-card .memory-card-back{background-color:var(--ai);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 6px,transparent 6px 12px);box-shadow:var(--shadow-sm)}.memory-card .memory-card-face{font-size:clamp(1.5rem,7vw,2.5rem);background:var(--paper);transform:rotateY(180deg)}.memory-card.is-open .memory-card-inner,.memory-card.is-matched .memory-card-inner{transform:rotateY(180deg)}.memory-card.is-matched{cursor:default}.memory-card.is-matched .memory-card-face{background:var(--ki)}.memory-card.is-walking .memory-card-inner{animation:memory-hop .45s ease-out}@keyframes memory-hop{40%{transform:translateY(-18%) rotate(-8deg)}}
