/* Neon Memory Archive · Expansion Batch 003
   Warm game-culture layer for NMA-036 through NMA-055. */

.nma-expansion-003-surface {
  position: relative;
  margin: clamp(4rem, 8vw, 8rem) auto;
  padding: clamp(1.25rem, 4vw, 3.5rem);
  border: 1px solid rgba(255, 232, 189, .2);
  border-radius: 2rem;
  background: radial-gradient(circle at 12% 8%, rgba(255, 181, 92, .18), transparent 30rem), radial-gradient(circle at 88% 18%, rgba(232, 98, 120, .15), transparent 28rem), linear-gradient(145deg, rgba(35, 23, 43, .96), rgba(13, 15, 24, .98));
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, .32);
  overflow: hidden;
}
.nma-expansion-003-surface::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .32; background-image: radial-gradient(rgba(255, 241, 208, .16) .7px, transparent .7px); background-size: 13px 13px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.nma-expansion-003-surface > * { position: relative; z-index: 1; }
.nma-expansion-003-surface .nma-expansion-heading { max-width: 62rem; margin-bottom: clamp(1.75rem, 4vw, 3rem); }
.nma-expansion-003-surface .nma-expansion-heading h2 { max-width: 18ch; color: #fff1d0; text-wrap: balance; }
.nma-expansion-003-surface .nma-expansion-heading > p:not(.eyebrow) { max-width: 64ch; color: rgba(255, 241, 208, .78); }
.nma-expansion-003-surface .nma-expansion-heading > a { display: inline-flex; margin-top: 1rem; color: #ffca69; font-weight: 800; text-decoration-thickness: .12em; text-underline-offset: .25em; }
.nma-expansion-003-surface .nma-expansion-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: clamp(1rem, 2.2vw, 1.6rem); }
.nma-game-memory { border-color: rgba(255, 202, 105, .22); background: linear-gradient(165deg, rgba(255, 241, 208, .09), rgba(255, 255, 255, .025)); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.nma-game-memory:hover, .nma-game-memory:focus-visible { transform: translateY(-5px); border-color: rgba(255, 202, 105, .58); box-shadow: 0 1.4rem 3rem rgba(0, 0, 0, .28); }
.nma-game-memory img { aspect-ratio: 4 / 5; object-fit: cover; background: #171521; }
.nma-game-memory > div > span, .nma-game-collection > div > span { color: #ffca69; letter-spacing: .12em; }
.nma-game-memory h3, .nma-game-collection h3 { color: #fff1d0; }
.nma-game-memory p, .nma-game-collection p { color: rgba(255, 241, 208, .72); }
.nma-game-memory strong, .nma-game-collection strong { color: #ffb55c; }
.nma-expansion-003-surface .nma-expansion-collection-grid { display: grid; gap: clamp(1.25rem, 3vw, 2rem); }
.nma-game-collection { border-color: rgba(255, 202, 105, .2); background: linear-gradient(135deg, rgba(255, 181, 92, .08), rgba(112, 103, 207, .07)); }
.nma-game-collection nav a { border-color: rgba(255, 241, 208, .12); color: rgba(255, 241, 208, .82); }
.nma-game-references { border-color: rgba(255, 202, 105, .24); background: linear-gradient(150deg, rgba(255, 181, 92, .07), rgba(232, 98, 120, .055)); }
.nma-game-references h2, .nma-game-references a { color: #fff1d0; }
.nma-game-references li span { color: rgba(255, 241, 208, .58); }
.nma-game-closing { border-left-color: #ffb55c; color: #fff1d0; background: rgba(255, 181, 92, .06); }
@media (max-width: 720px) { .nma-expansion-003-surface { border-radius: 1.25rem; padding: 1.1rem; } .nma-expansion-003-surface .nma-expansion-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .nma-game-memory { transition: none; } .nma-game-memory:hover, .nma-game-memory:focus-visible { transform: none; } }