body[data-page=postcards]{--game-accent:#ffce69}body[data-page=skyline]{--game-accent:#b79aff}
body:is([data-page=postcards],[data-page=skyline]){background:radial-gradient(ellipse at 50% 10%,#293a5960,transparent 70%),#0b1028}
.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px;background:#0b172c;border:1px solid #3b5270;border-radius:20px;touch-action:manipulation}
body[data-page=skyline] .memory-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.memory-tile{aspect-ratio:1;border:1px solid #597496;border-radius:14px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#284266,#192b48);box-shadow:inset 0 2px #ffffff16,0 4px #060e21;transition:background .18s,transform .18s;overflow:hidden}
.memory-tile img{display:block;width:86%;height:86%;pointer-events:none}.memory-tile:disabled{opacity:1;cursor:default}.memory-tile.revealed{background:#eaf2fc;border-color:#d8e8f8}.memory-tile.matched{background:#dae9e6;box-shadow:inset 0 0 0 3px #68bdb7;opacity:.65}.memory-tile.lit{background:#ffdc87;outline:4px solid #ffe8b1;outline-offset:1px;transform:scale(.94);box-shadow:0 0 24px #ffd36066}.memory-back{font-size:clamp(25px,5vw,43px);font-weight:900;color:#b5c9e5;position:relative}.memory-back:after{content:'';display:block;width:6px;height:6px;background:#c4fa72;border-radius:2px;box-shadow:9px 0 #56c8f2,18px 0 #ff8275;margin:1px 0 0 1px}.memory-board button:focus-visible{outline:3px solid #ffe5a3;outline-offset:3px}
.memory-reward{width:100%;margin-top:16px;min-height:46px;font-size:13px}.memory-note{font-size:11px;text-align:center;color:#9cafca;margin:12px 0 0}.game-title h1{color:var(--game-accent)}
@media(max-width:500px){.memory-board{gap:7px;padding:9px}.memory-tile{border-radius:11px}.game-title h1{font-size:27px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.memory-tile{transition:none}}