/* The garden table holds the cards; the letter faces remain clear, live text. */
.activity-card.new-activity{grid-column:span 2;display:block}
.new-activity .activity-art{height:auto;aspect-ratio:1.5;min-height:0}
.activity-card.green .activity-art{background:#dcebc8}
[data-mode=memory] .play-scene{padding:clamp(70px,10vw,130px) 20px 22px;background-position:center top;background-size:cover;background-repeat:no-repeat;background-color:#dae9c5;min-height:0}
.memory-play{width:100%;max-width:760px;margin:0 auto;padding:20px 24px;background:#faf5e3f5;border:3px solid #b78d52;border-radius:23px;box-shadow:0 8px 0 #7652353b}
.memory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;text-align:left}
#memory-count{font-weight:800;font-size:1rem}
.memory-toolbar label{display:flex;align-items:center;gap:8px;font-size:.8rem}
.memory-toolbar select{min-height:44px;padding:8px;max-width:155px}
.memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:370px;margin:auto}
.memory-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:555px}
.memory-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px}
.memory-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;aspect-ratio:4/5;min-width:0;min-height:0;padding:0;overflow:hidden;border:3px solid #c9a359;border-radius:15px;background:#245747;box-shadow:0 5px 0 #86643155;transition:transform .15s,box-shadow .15s;cursor:pointer}
.memory-card>img{width:100%;height:100%;object-fit:cover;display:block}
.memory-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 9px 0 #86643144}
.memory-card.revealed{background:#fffcef;color:#245747;padding:12px 5px;border-color:#b19663}
.memory-card.paired{background:#e6efce;border-color:#38785e}
.memory-card:disabled{opacity:1;cursor:default}
.memory-case{font-size:.8rem;font-weight:800;letter-spacing:.025em}
.memory-glyph{font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(3rem,5.3vw,5.5rem);line-height:1.05}
.memory-card-state{font-size:.75rem;min-height:1.2em;font-weight:800}
.memory-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.memory-actions button{min-height:46px;padding:10px 17px;background:#fffdf2}
#memory-continue{background:#245747;color:#fffdf2;border-color:#245747}
.memory-note{font-size:.75rem;line-height:1.5;margin-top:17px;color:#536d60}
.memory-pair-example{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px;padding:12px;border-radius:16px;background:#e5efd1}
.memory-pair-example>span{font:800 2.6rem Nunito,sans-serif}.memory-pair-example>span:nth-child(2){font-size:1.2rem;color:#768b6c}
.memory-pair-example p{width:100%;font-weight:800;font-size:.9rem;margin:0}
@media(max-width:1100px){[data-mode=memory] .play-scene{padding:190px 18px 20px}.memory-play{padding:20px 15px}.memory-grid{gap:12px}.memory-toolbar{align-items:flex-start}.memory-toolbar label{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.activity-card.new-activity{grid-column:auto}[data-mode=memory] .play-scene{padding:150px 8px 15px;min-height:0;background-size:auto 280px}.memory-play{padding:17px 12px}.memory-toolbar{gap:8px}.memory-toolbar select{max-width:140px}#memory-count{font-size:.9rem;max-width:95px}.memory-grid,.memory-grid[data-columns="3"],.memory-grid[data-columns="4"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:330px;gap:13px}.memory-glyph{font-size:4.5rem}.memory-card{border-radius:13px}.memory-note{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.memory-card{transition:none}.memory-card:hover:not(:disabled){transform:none}}

/* Larger boards retain readable letters and reachable touch targets. */
[data-mode=memory] .help-trail{flex-wrap:wrap}
.memory-play:has(.memory-grid[data-dense="true"]){max-width:660px;padding:14px 18px}
.memory-grid[data-columns="6"]{grid-template-columns:repeat(6,minmax(0,1fr));max-width:590px}
.memory-grid[data-dense="true"]{gap:12px}
.memory-grid[data-dense="true"] .memory-card.revealed{padding:8px 3px}
.memory-grid[data-dense="true"] .memory-card{aspect-ratio:1/1;min-height:68px}
.memory-grid[data-dense="true"] .memory-glyph{font-size:clamp(2rem,3.2vw,3rem)}
.memory-grid[data-dense="true"] .memory-case{font-size:.75rem}
.memory-grid[data-dense="true"] .memory-card-state{display:none}
.memory-play:has(.memory-grid[data-dense="true"]) .memory-toolbar{margin-bottom:12px}
.memory-play:has(.memory-grid[data-dense="true"]) .memory-actions{margin-top:14px}
@media(max-width:1100px){[data-mode=memory] .play-scene{padding:80px 12px 18px}}
@media(max-width:700px){.memory-grid[data-dense="true"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:440px;gap:8px}.memory-grid[data-dense="true"] .memory-card{min-height:80px;border-width:2px;border-radius:10px}.memory-grid[data-dense="true"] .memory-card.revealed{padding:5px 2px}.memory-grid[data-dense="true"] .memory-glyph{font-size:2.45rem}.memory-grid[data-dense="true"] .memory-case{font-size:.63rem;letter-spacing:0}.memory-grid[data-dense="true"] .memory-card-state{font-size:.57rem}.memory-toolbar label{min-width:155px}}
@media(max-width:700px){[data-mode=memory] .play-scene{padding:65px 8px 15px;background-size:cover}.memory-play:has(.memory-grid[data-dense="true"]){padding:12px 8px}.memory-grid[data-dense="true"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-width:430px}.memory-grid[data-dense="true"] .memory-card{min-height:62px}.memory-grid[data-dense="true"] .memory-glyph{font-size:2rem}.memory-grid[data-dense="true"] .memory-case{font-size:.7rem}}
.memory-toolbar select{width:190px;max-width:100%}.memory-toolbar label{min-width:0;max-width:70%}
@media(max-width:700px){.memory-grid[data-dense="true"] .memory-case{font-size:.75rem}.memory-toolbar select{font-size:.875rem}}