/* Position the drawing from the card's box; never use an emoji or a font baseline. */
.memory-board>.memory-cell{position:relative;display:block;appearance:none;-webkit-appearance:none;padding:0;margin:0;font-size:0;line-height:1;overflow:hidden;isolation:isolate;background:#eee8f4;border:1px solid #c9b8d9;box-shadow:inset 0 1px 0 #ffffffb3;touch-action:none}
.memory-board>.memory-cell.is-open{background:#fffaf0;border-color:#c8b7d8;box-shadow:inset 0 0 0 2px #f0e8f7}
.memory-board>.memory-cell.is-found{background:#e7efd9;border-color:#b2c69b;box-shadow:inset 0 1px 0 #ffffffb3;opacity:1}
.memory-cell>.memory-symbol{position:absolute;left:50%;top:50%;display:block;width:64%;height:auto;aspect-ratio:1;margin:0;padding:0;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}
.memory-cell:not(.is-open):not(.is-found)>.memory-symbol{width:58%}
.memory-cell.is-found>.memory-symbol{opacity:.95}
.memory-cell:not(:disabled):hover{border-color:#a98abe;background:#f5edf9}
.memory-cell:not(:disabled):active{box-shadow:inset 0 0 0 2px #ccb7df}
.memory-cell:focus-visible{outline:3px solid #8a6aa7;outline-offset:-4px}