/* Original shape puzzle: the inherited reader palette remains authoritative. */
.memory__board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; max-inline-size: 28rem; margin-block: 1rem; }
.memory__tile { display: grid; place-items: center; aspect-ratio: 1; min-inline-size: 44px; min-block-size: 44px; padding: .5rem; border: 1px solid var(--colour-control); background: var(--colour-surface); color: var(--colour-text); font: inherit; font-size: 1.75rem; cursor: pointer; }
.memory__tile[data-revealed] { background: var(--colour-wash); }
.memory__tile[data-matched] { border-width: 3px; }
.memory__tile:disabled { cursor: default; opacity: 1; }
.memory__tile:focus-visible { outline: 3px solid var(--colour-accent); outline-offset: 3px; }
@media (forced-colors: active) { .memory__tile { border-color: ButtonText; } .memory__tile[data-matched] { border-style: double; } }