.memory-game{--paper:#f5edda;--ink:#173b2d;--gold:#c29a54;background:linear-gradient(145deg,#172e25,#315743);color:var(--paper);min-height:100vh}.memory-hero,.memory-shell{width:min(1100px,calc(100% - 28px));margin:auto}.memory-hero{padding:1.25rem 0}.memory-hero h1{color:#fff;margin:.4rem 0}.memory-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;padding-bottom:3rem}.memory-board,.memory-panel{border:1px solid #aa8b53;border-radius:18px;background:linear-gradient(155deg,#f8f0dd,#ead8b6);color:#173b2d;box-shadow:0 15px 40px #07150e80}.memory-board{padding:clamp(.65rem,2vw,1.25rem);min-height:390px}.memory-panel{padding:1rem;align-self:start}.memory-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0}.memory-controls button,.memory-controls select,.memory-action{min-height:44px}.memory-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.memory-meta div{background:#fff9e9;border:1px solid #cfb783;border-radius:8px;padding:.5rem;text-align:center}.memory-meta span{display:block;font-size:.72rem;text-transform:uppercase}.memory-meta strong{font-size:1.15rem}.memory-overlay{position:fixed;inset:0;background:#10291ee8;z-index:30;display:grid;place-items:center;padding:1rem}.memory-overlay[hidden]{display:none}.memory-dialog{max-width:440px;background:var(--paper);color:var(--ink);padding:1.5rem;border-radius:16px;text-align:center}.memory-status{min-height:1.6em;font-weight:700}.memory-board button:focus-visible,.memory-panel button:focus-visible,.memory-panel select:focus-visible{outline:3px solid #efc66d;outline-offset:3px}@media(max-width:780px){.memory-shell{grid-template-columns:1fr}.memory-panel{order:-1}.memory-board{min-height:320px}}@media(prefers-reduced-motion:reduce){.memory-game *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
