.editor-picks-page {
  padding: var(--space-9) 0 var(--space-10);
}

.editor-picks-page section + section {
  margin-top: var(--space-9);
}

.editor-picks-page .panel,
.editor-picks-page .media-frame {
  border-radius: var(--radius-none);
}

.editor-picks-page .pixel-frame::after {
  position: absolute;
  z-index: 0;
  right: 10px;
  bottom: 10px;
  width: 7px;
  height: 7px;
  background: var(--color-arcade-coral);
  content: "";
  pointer-events: none;
}

.editor-picks-page .panel > *,
.editor-picks-page article > *,
.editor-picks-page figure > * {
  position: relative;
  z-index: 1;
}

.ep-eyebrow {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-ink-muted);
  font-family: var(--font-mono);
  font-size: var(--text-meta);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.ep-eyebrow::before {
  width: 13px;
  height: 5px;
  background: var(--color-arcade-coral);
  content: "";
}

.ep-eyebrow--coral {
  color: var(--color-surface-white);
}

.ep-eyebrow--coral::before {
  background: var(--color-arcade-coral);
}

.ep-section-intro h2,
.ep-masthead h1,
.ep-current h2 {
  margin-bottom: 0;
}

.ep-section-intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.ep-section-intro > * {
  min-width: 0;
}

.ep-section-intro p {
  max-width: 64ch;
  margin: 0;
}

.ep-masthead__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(260px, 5fr);
  align-items: end;
  gap: var(--space-6);
}

.ep-masthead__copy,
.ep-mode-note {
  min-width: 0;
}

.ep-masthead__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.ep-masthead__deck {
  max-width: 68ch;
  margin: 0;
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
}

.ep-mode-note {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
}

.ep-mode-note p {
  max-width: 38ch;
  margin: 0;
  color: var(--color-ink-muted);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.ep-current__frame {
  padding: var(--space-6);
}

.ep-current__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--space-6);
}

.ep-current__media,
.ep-current__copy {
  min-width: 0;
  width: 100%;
}

.ep-current__media img {
  object-position: center center;
}

.ep-current__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.ep-current__intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 62ch;
}

.ep-current__intro > * {
  min-width: 0;
  margin: 0;
}

.ep-current__intro h2 {
  font-size: clamp(2rem, 1.5rem + 2.6vw, 2.75rem);
}

.ep-current__intro p {
  color: var(--color-surface-white);
}

.ep-current__criteria {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  width: 100%;
}

.ep-criterion {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-3);
  border: 1px solid rgb(255 255 255 / 36%);
}

.ep-criterion > div,
.ep-criterion h3,
.ep-criterion p {
  min-width: 0;
  margin: 0;
}

.ep-criterion h3 {
  color: var(--color-surface-white);
  font-size: 0.9rem;
}

.ep-criterion p {
  color: rgb(255 255 255 / 82%);
  font-size: var(--text-meta);
  line-height: var(--leading-meta);
}

.ep-pixel-icon,
.ep-mood-icon,
.ep-support-icon,
.ep-inset-icon,
.ep-action-icon,
.ep-contact-icon {
  display: block;
  flex: 0 0 auto;
  color: var(--color-ink-navy);
}

.ep-pixel-icon {
  width: 28px;
  height: 28px;
  border: 4px solid var(--color-arcade-coral);
}

.ep-pixel-icon--loop { box-shadow: 8px -8px 0 -4px var(--color-arcade-coral), -8px 8px 0 -4px var(--color-arcade-coral); }
.ep-pixel-icon--steps { border-width: 0; background: linear-gradient(to top, var(--color-arcade-coral) 0 33%, transparent 33% 100%); box-shadow: 8px -8px 0 var(--color-arcade-coral), 16px -16px 0 var(--color-arcade-coral); }
.ep-pixel-icon--signal { border-width: 0; background: var(--color-arcade-coral); box-shadow: 10px 0 0 -4px var(--color-arcade-coral), 0 10px 0 -4px var(--color-arcade-coral); }

.ep-current__actions {
  width: 100%;
}

.ep-moods__grid,
.ep-games__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}

.ep-mood-card,
.ep-game-card,
.ep-action-card,
.ep-more-card {
  min-width: 0;
  width: 100%;
}

.ep-mood-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  box-shadow: var(--shadow-hard);
  transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.ep-mood-card > * {
  min-width: 0;
  margin: 0;
}

.ep-mood-card h3 {
  font-size: 1.15rem;
}

.ep-mood-card p {
  color: var(--color-ink-muted);
}

.ep-mood-icon {
  width: 52px;
  height: 52px;
  border: 5px solid var(--color-ink-navy);
}

.ep-mood-icon--loop { box-shadow: 11px -11px 0 -5px var(--color-arcade-coral), -11px 11px 0 -5px var(--color-arcade-coral); }
.ep-mood-icon--world { border-radius: 50%; box-shadow: inset 0 -12px 0 var(--color-pixel-blue), 13px -13px 0 -7px var(--color-arcade-coral); }
.ep-mood-icon--target { box-shadow: inset 0 0 0 8px var(--color-surface-white), inset 0 0 0 14px var(--color-pixel-blue), inset 0 0 0 19px var(--color-surface-white); }
.ep-mood-icon--dialogue { border-width: 5px 5px 14px; box-shadow: 13px -13px 0 -7px var(--color-arcade-coral); }

.ep-text-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--color-ink-navy);
  font-family: var(--font-heading);
  font-size: var(--text-compact);
  font-weight: 900;
  letter-spacing: 0.03em;
  text-decoration-thickness: 3px;
  text-transform: uppercase;
}

.ep-game-card {
  display: flex;
  flex-direction: column;
  border: var(--border-standard);
  background: var(--color-surface-white);
  box-shadow: var(--shadow-hard);
  overflow: hidden;
  transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.ep-game-card__media {
  width: 100%;
  max-width: 100%;
  border: 0;
  border-bottom: var(--border-standard);
}

.ep-game-card__media img {
  width: 100%;
  max-width: 100%;
}

.ep-game-card__body {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
}

.ep-game-card__body > * {
  min-width: 0;
  margin: 0;
}

.ep-game-card h3 {
  font-size: 1.15rem;
}

.ep-game-card p {
  color: var(--color-ink-muted);
}

.ep-card-meta,
.ep-platform-row {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.ep-game-card--revisit .ep-platform-row {
  padding: var(--space-2);
  background: var(--color-ink-navy);
}

.ep-game-card--revisit .tag {
  color: var(--color-surface-white);
}

.ep-longreads__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr);
  align-items: start;
  gap: var(--space-6);
}

.ep-longread-feature,
.ep-longreads__rail {
  min-width: 0;
  width: 100%;
}

.ep-longread-feature {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-5);
  box-shadow: var(--shadow-hard);
}

.ep-longread-feature__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 66ch;
}

.ep-longread-feature__copy > * {
  min-width: 0;
  margin: 0;
}

.ep-longread-feature__copy p {
  color: var(--color-ink-muted);
}

.ep-longreads__rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
}

.ep-support-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  padding: var(--space-5);
  box-shadow: var(--shadow-hard);
}

.ep-support-card > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.ep-support-card h3,
.ep-support-card p {
  min-width: 0;
  margin: 0;
}

.ep-support-card h3 { font-size: 1.15rem; }
.ep-support-card p { color: var(--color-ink-muted); }
.ep-support-icon { width: 48px; height: 34px; border: 4px solid var(--color-ink-navy); }
.ep-support-icon--controller { border-radius: 16px; box-shadow: inset 15px 0 0 -9px var(--color-pixel-blue), inset -15px 0 0 -9px var(--color-arcade-coral); }
.ep-support-icon--update { border-width: 0; background: linear-gradient(90deg, var(--color-ink-navy) 0 38%, transparent 38% 62%, var(--color-ink-navy) 62%); box-shadow: 0 12px 0 -4px var(--color-arcade-coral), 0 -12px 0 -4px var(--color-arcade-coral); }

.ep-retro__module {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding: var(--space-6);
}

.ep-retro__lead {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: var(--space-6);
}

.ep-retro__media,
.ep-retro__copy,
.ep-retro__supports,
.ep-retro-inset {
  min-width: 0;
  width: 100%;
}

.ep-retro__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 60ch;
}

.ep-retro__copy > * {
  min-width: 0;
  margin: 0;
}

.ep-retro__copy p { color: rgb(255 255 255 / 84%); }

.ep-retro__supports {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.ep-retro-inset {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--color-surface-white);
  color: var(--color-ink-navy);
}

.ep-retro-inset > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

.ep-retro-inset h4,
.ep-retro-inset p { min-width: 0; margin: 0; }
.ep-retro-inset p { color: var(--color-ink-muted); font-size: var(--text-compact); line-height: var(--leading-compact); }
.ep-inset-icon { width: 38px; height: 38px; border: 4px solid var(--color-ink-navy); }
.ep-inset-icon--timeline { box-shadow: inset 0 14px 0 -9px var(--color-pixel-blue), 10px 10px 0 -6px var(--color-arcade-coral); }
.ep-inset-icon--eye { border-radius: 50% 0; transform: rotate(45deg); box-shadow: inset 0 0 0 8px var(--color-surface-white), inset 0 0 0 12px var(--color-arcade-coral); }

.ep-nextplays__grid,
.ep-principles,
.ep-more__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.ep-action-card,
.ep-more-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  box-shadow: var(--shadow-hard);
}

.ep-action-card > *,
.ep-more-card > * { min-width: 0; margin: 0; }
.ep-action-card h3,
.ep-more-card h3 { font-size: 1.2rem; }
.ep-action-card p,
.ep-more-card p { color: var(--color-ink-muted); }
.ep-action-card .button { margin-top: auto; }
.ep-action-icon { width: 48px; height: 48px; border: 5px solid var(--color-ink-navy); }
.ep-action-icon--review { box-shadow: inset 18px 0 0 -13px var(--color-arcade-coral), inset 0 -9px 0 var(--color-pixel-blue); }
.ep-action-icon--path { border-width: 0; background: linear-gradient(90deg, var(--color-ink-navy) 0 25%, transparent 25% 50%, var(--color-pixel-blue) 50% 75%, transparent 75%); box-shadow: 0 16px 0 -8px var(--color-arcade-coral); }
.ep-action-icon--calendar { box-shadow: inset 0 11px 0 var(--color-arcade-coral), inset 11px -11px 0 -7px var(--color-pixel-blue); }

.ep-principle {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding-top: var(--space-4);
  border-top: var(--border-standard);
}

.ep-principle > div { min-width: 0; }
.ep-principle h3 { font-size: 1.18rem; }
.ep-principle p { max-width: 38ch; color: var(--color-ink-muted); }
.ep-principle__number { color: var(--color-arcade-coral); font-family: var(--font-heading); font-size: 2rem; line-height: 1; letter-spacing: 0.02em; }

.ep-transparency {
  width: 100%;
  margin-top: var(--space-6);
}

.ep-transparency > div { min-width: 0; max-width: 66ch; }
.ep-transparency p { margin: var(--space-2) 0 0; }
.ep-more-card--feature { border-top: 5px solid var(--color-arcade-coral); }
.ep-contact-icon { width: 45px; height: 34px; border: 4px solid var(--color-ink-navy); box-shadow: 10px -10px 0 -6px var(--color-arcade-coral); }

.ep-cta__strip {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(180px, 5fr);
  align-items: end;
  gap: var(--space-5);
  padding: var(--space-5);
  box-shadow: var(--shadow-hard);
}

.ep-cta__copy,
.ep-cta__action { min-width: 0; }
.ep-cta__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); max-width: 56ch; }
.ep-cta__copy > * { min-width: 0; margin: 0; }
.ep-cta__action { display: flex; justify-content: flex-end; align-items: center; gap: var(--space-3); }
.ep-arrow-motif { width: 30px; height: 30px; border-top: 5px solid var(--color-arcade-coral); border-right: 5px solid var(--color-arcade-coral); transform: rotate(45deg); }

.ep-mood-card:hover,
.ep-mood-card:focus-within,
.ep-game-card:hover,
.ep-game-card:focus-within,
.ep-longread-feature:hover,
.ep-longread-feature:focus-within,
.ep-support-card:hover,
.ep-support-card:focus-within,
.ep-action-card:hover,
.ep-action-card:focus-within,
.ep-more-card:hover,
.ep-more-card:focus-within {
  border-color: var(--color-arcade-coral);
  transform: translateY(-2px);
}

@media (max-width: 70rem) {
  .ep-moods__grid,
  .ep-games__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 61.25rem) {
  .ep-current__grid { grid-template-columns: minmax(0, 1fr); }
  .ep-current__copy { order: -1; }
}

@media (max-width: 57.5rem) {
  .ep-masthead__grid,
  .ep-longreads__grid,
  .ep-principles { grid-template-columns: minmax(0, 1fr); }
  .ep-mode-note p { max-width: 56ch; }
  .ep-principle p { max-width: 66ch; }
}

@media (max-width: 53.75rem) {
  .ep-retro__lead { grid-template-columns: minmax(0, 1fr); }
  .ep-retro__copy { order: -1; }
  .ep-nextplays__grid,
  .ep-more__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 47.5rem) {
  .editor-picks-page { padding: var(--space-7) 0 var(--space-9); }
  .editor-picks-page section + section { margin-top: var(--space-8); }
  .ep-current__frame,
  .ep-retro__module { padding: var(--space-4); }
  .ep-current__criteria,
  .ep-moods__grid,
  .ep-games__grid,
  .ep-retro__supports,
  .ep-nextplays__grid,
  .ep-more__grid,
  .ep-cta__strip { grid-template-columns: minmax(0, 1fr); }
  .ep-current__criteria { gap: var(--space-3); }
  .ep-mood-card,
  .ep-game-card__body,
  .ep-longread-feature,
  .ep-support-card,
  .ep-action-card,
  .ep-more-card,
  .ep-cta__strip { padding: var(--space-4); }
  .ep-current__grid,
  .ep-retro__lead { gap: var(--space-5); }
  .ep-current__intro h2 { font-size: clamp(1.75rem, 8vw, 2rem); }
  .ep-current__actions .button { flex: 1 1 100%; }
  .ep-support-card { grid-template-columns: 48px minmax(0, 1fr); }
  .ep-cta__action { justify-content: flex-start; }
}

@media (max-width: 38.75rem) {
  .ep-retro__supports { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 36.25rem) {
  .ep-nextplays__grid,
  .ep-more__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .ep-mood-card:hover,
  .ep-mood-card:focus-within,
  .ep-game-card:hover,
  .ep-game-card:focus-within,
  .ep-longread-feature:hover,
  .ep-longread-feature:focus-within,
  .ep-support-card:hover,
  .ep-support-card:focus-within,
  .ep-action-card:hover,
  .ep-action-card:focus-within,
  .ep-more-card:hover,
  .ep-more-card:focus-within { transform: none; }
  .ep-inset-icon--eye,
  .ep-arrow-motif { transform: none; }
}