.menu-game-page {
  overflow: hidden;
}

.menu-game-page > section {
  position: relative;
}

.menu-game-page__hero {
  padding-block: clamp(4.5rem, 8vw, 7.5rem);
}

.menu-game-page__hero-grid {
  display: grid;
  grid-template-columns: minmax(27.5rem, 45fr) minmax(26.25rem, 55fr);
  align-items: center;
  gap: 3rem;
  min-height: 38.75rem;
}

.menu-game-page__hero-grid > * { min-width: 0; width: 100%; }
.menu-game-page__hero-copy { max-width: 35rem; display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.menu-game-page__hero-copy > * { margin-block: 0; }
.menu-game-page__hero-copy h1 { font-size: clamp(3rem, 5vw, 4rem); }
.menu-game-page__hero-lead { max-width: 34rem; padding: 1.25rem; border: var(--border-default); border-radius: var(--radius-md); background: var(--color-surface-glass); backdrop-filter: blur(18px); }
.menu-game-page__hero-lead p { margin: 0; font-size: var(--text-lg); line-height: var(--leading-relaxed); }
.menu-game-page__hero-actions { width: 100%; }
.menu-game-page__external-note { color: var(--color-text-muted); font-size: var(--text-sm); line-height: var(--leading-ui); }
.menu-game-page__hero-media { margin: 0; border-radius: var(--radius-lg); aspect-ratio: 4 / 5; max-height: 43.75rem; }
.menu-game-page__hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }

.menu-game-page__rhythm { background: linear-gradient(135deg, rgba(100,38,56,.19), transparent 60%); }
.menu-game-page__rhythm-intro { max-width: 42.5rem; }
.menu-game-page__rhythm-intro > :last-child { margin-bottom: 0; }
.menu-game-page__stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-top: 3rem; }
.menu-game-page__stages > * { min-width: 0; width: 100%; }
.menu-game-page__stage { border-inline-start: 1px solid var(--color-border); padding-inline-start: 1.5rem; }
.menu-game-page__stage:nth-child(2) { border-color: rgba(100,38,56,.9); }
.menu-game-page__stage > span,
.menu-game-page__level-card > span,
.menu-game-page__process-step > span,
.menu-game-page__etiquette-card > span { display: block; margin-bottom: .75rem; color: var(--color-zloto-jasne); font-size: var(--text-sm); font-weight: 800; letter-spacing: .14em; }
.menu-game-page__stage h3 { font-size: 1.75rem; }
.menu-game-page__stage p { margin-bottom: 0; }

.menu-game-page__menu-intro { max-width: 43.75rem; }
.menu-game-page__menu-intro > :last-child { margin-bottom: 0; }
.menu-game-page__menu-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; margin-top: 3rem; }
.menu-game-page__menu-grid > * { min-width: 0; width: 100%; }
.menu-game-page__menu-card { grid-column: span 3; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.menu-game-page__menu-card > * { margin: 0; }
.menu-game-page__menu-card h3 { font-size: 1.7rem; }
.menu-game-page__menu-card--featured { border-color: var(--color-border-strong); }
.menu-game-page__menu-card:nth-child(2) { border-top-color: var(--color-bordo-aksamitne); }
.menu-game-page__menu-card:nth-child(4) { background: radial-gradient(circle at 85% 15%, var(--color-ambient), transparent 10rem), var(--color-surface-glass); }
.menu-game-page__menu-card--wine { grid-column: span 6; }
.menu-game-page__menu-card--wine p { max-width: 35rem; }
.menu-game-page__menu-media { grid-column: span 6; margin: 0; aspect-ratio: 3 / 2; }
.menu-game-page__menu-media img { width: 100%; height: calc(100% - 2rem); object-fit: cover; }
.menu-game-page__menu-media figcaption { margin-inline: 1rem; }

.menu-game-page__formats-intro { max-width: 40rem; }
.menu-game-page__formats-intro > :last-child { margin-bottom: 0; }
.menu-game-page__format-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin-top: 3rem; }
.menu-game-page__format-grid > * { min-width: 0; width: 100%; }
.menu-game-page__format-panel { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.menu-game-page__format-panel > * { margin: 0; }
.menu-game-page__format-panel h3 { font-size: 2rem; }
.menu-game-page__format-panel--omaha { background: linear-gradient(135deg, rgba(100,38,56,.34), transparent 65%), var(--color-surface-glass); }
.menu-game-page__recreation-note { max-width: 47.5rem; margin-top: 2rem; border-inline-start: 1px solid var(--color-zloto-antyczne); padding-inline-start: 1.5rem; color: var(--color-text-muted); }

.menu-game-page__levels-intro { max-width: 41.25rem; }
.menu-game-page__levels-intro > :last-child { margin-bottom: 0; }
.menu-game-page__levels-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin-top: 3rem; }
.menu-game-page__levels-grid > * { min-width: 0; width: 100%; }
.menu-game-page__level-card { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.menu-game-page__level-card > * { margin: 0; }
.menu-game-page__level-card ul { margin: 0; padding-inline-start: 1.25rem; }
.menu-game-page__level-card li + li { margin-top: .5rem; }
.menu-game-page__level-card--advanced { border-inline-start: 3px solid var(--color-bordo-aksamitne); }
.menu-game-page__comfort-panel { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.menu-game-page__comfort-panel > * { margin: 0; }
.menu-game-page__comfort-panel p { max-width: 42.5rem; }

.menu-game-page__process { background: linear-gradient(180deg, transparent, rgba(100,38,56,.1), transparent); }
.menu-game-page__process-intro { max-width: 45rem; }
.menu-game-page__process-intro > :last-child { margin-bottom: 0; }
.menu-game-page__process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin-top: 3rem; }
.menu-game-page__process-grid > * { min-width: 0; width: 100%; }
.menu-game-page__process-step { position: relative; border-top: 1px solid var(--color-border); padding-top: 1.5rem; }
.menu-game-page__process-step h3 { font-size: 1.55rem; }
.menu-game-page__process-step p { margin-bottom: 0; }
.menu-game-page__process-step--dealer { border: var(--border-default); border-radius: var(--radius-md); background: var(--color-surface-raised); padding: 1.5rem; }
.menu-game-page__process-step--final { border-color: var(--color-border-strong); }

.menu-game-page__etiquette-intro { max-width: 40.625rem; }
.menu-game-page__etiquette-intro > :last-child { margin-bottom: 0; }
.menu-game-page__etiquette-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 3rem; }
.menu-game-page__etiquette-grid > * { min-width: 0; width: 100%; }
.menu-game-page__etiquette-card { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.menu-game-page__etiquette-card > * { margin: 0; }
.menu-game-page__etiquette-card h3 { font-size: 1.6rem; }
.menu-game-page__etiquette-card--conversation { background: linear-gradient(135deg, rgba(100,38,56,.25), transparent 80%), var(--color-surface-glass); }
.menu-game-page__etiquette-card--fair { background: var(--color-surface-raised); }
.menu-game-page__rules-link { margin-top: 2rem; margin-bottom: 0; }

.menu-game-page__networking-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; align-items: start; }
.menu-game-page__networking-grid > * { min-width: 0; width: 100%; }
.menu-game-page__networking-copy { grid-column: 2; grid-row: 1; max-width: 33.75rem; }
.menu-game-page__networking-copy > :last-child { margin-bottom: 0; }
.menu-game-page__networking-lead { font-size: var(--text-lg); line-height: var(--leading-relaxed); }
.menu-game-page__networking-media { grid-column: 1; grid-row: 1 / span 2; margin: 0; aspect-ratio: 4 / 3; }
.menu-game-page__networking-media img { width: 100%; height: 100%; object-fit: cover; }
.menu-game-page__networking-observations { grid-column: 2; grid-row: 2; max-width: 33.75rem; display: flex; flex-direction: column; gap: 1.5rem; }
.menu-game-page__networking-observations > * { min-width: 0; width: 100%; }
.menu-game-page__networking-observations article { border-inline-start: 1px solid var(--color-border); padding-inline-start: 1.5rem; }
.menu-game-page__networking-observations article > :last-child { margin-bottom: 0; }
.menu-game-page__networking-observations h3 { font-size: 1.6rem; }

.menu-game-page__decision-intro { max-width: 40.625rem; }
.menu-game-page__decision-intro > :last-child { margin-bottom: 0; }
.menu-game-page__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; max-width: 62.5rem; margin-top: 3rem; }
.menu-game-page__decision-grid > * { min-width: 0; width: 100%; border-inline-start: 2px solid var(--color-border); padding-inline-start: 1.5rem; }
.menu-game-page__decision-grid article:nth-child(2) { border-color: var(--color-bordo-aksamitne); }
.menu-game-page__decision-grid h3 { font-size: 1.5rem; }
.menu-game-page__decision-grid p { margin-bottom: 0; }

.menu-game-page__resources { padding-top: 4rem; padding-bottom: 4rem; }
.menu-game-page__resources-intro { max-width: 40rem; }
.menu-game-page__resources-intro > :last-child { margin-bottom: 0; }
.menu-game-page__resources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; max-width: 56.25rem; margin-top: 2.5rem; }
.menu-game-page__resources-grid > * { min-width: 0; width: 100%; }
.menu-game-page__resource { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.menu-game-page__resource > * { margin: 0; }
.menu-game-page__resource h3 { font-size: 1.6rem; }
.menu-game-page__resource a { min-height: 3rem; display: inline-flex; align-items: center; }

.menu-game-page__closing { padding-top: 4rem; }
.menu-game-page__closing-panel { max-width: 62.5rem; margin-inline: auto; padding: clamp(2rem, 6vw, 5.5rem); text-align: center; background: radial-gradient(circle at 50% 10%, var(--color-ambient), transparent 22rem), linear-gradient(135deg, rgba(100,38,56,.3), transparent 65%), var(--color-surface-glass); }
.menu-game-page__closing-panel > * { margin-block: 0; }
.menu-game-page__closing-panel { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }
.menu-game-page__closing-panel h2 { max-width: 38.75rem; }
.menu-game-page__closing-copy { max-width: 38.75rem; margin-inline: auto; }
.menu-game-page__closing-copy p { margin: 0; }
.menu-game-page__closing-panel .button { width: min(100%, 22.5rem); }

@media (max-width: 61.1875rem) {
  .menu-game-page__hero-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 0; gap: 2rem; }
  .menu-game-page__hero-copy { max-width: none; }
  .menu-game-page__hero-media { aspect-ratio: 3 / 2; max-height: none; }
  .menu-game-page__menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .menu-game-page__menu-card { grid-column: auto; }
  .menu-game-page__menu-card--wine, .menu-game-page__menu-media { grid-column: 1 / -1; }
  .menu-game-page__format-grid { gap: 1.5rem; }
}

@media (max-width: 56.1875rem) {
  .menu-game-page__networking-grid { grid-template-columns: 1fr; gap: 2rem; }
  .menu-game-page__networking-copy { grid-column: 1; grid-row: 1; max-width: none; }
  .menu-game-page__networking-media { grid-column: 1; grid-row: 2; aspect-ratio: 3 / 2; }
  .menu-game-page__networking-observations { grid-column: 1; grid-row: 3; max-width: 33.75rem; }
}

@media (max-width: 52.4375rem) and (min-width: 48rem) {
  .menu-game-page__stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .menu-game-page__stages > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 49.9375rem) {
  .menu-game-page__format-grid, .menu-game-page__levels-grid { grid-template-columns: 1fr; }
  .menu-game-page__comfort-panel { grid-column: 1; }
}

@media (max-width: 59.9375rem) and (min-width: 43.75rem) {
  .menu-game-page__process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 47.9375rem) {
  .menu-game-page__hero { padding-top: 3.5rem; }
  .menu-game-page__hero-grid { grid-template-columns: 1fr; gap: 2rem; }
  .menu-game-page__hero-copy { gap: 1.25rem; }
  .menu-game-page__hero-copy h1 { font-size: clamp(2.625rem, 12vw, 3rem); }
  .menu-game-page__hero-lead { max-width: none; padding: 1.25rem; }
  .menu-game-page__hero-media { aspect-ratio: 4 / 3; max-height: 26.25rem; }
  .menu-game-page__stages { grid-template-columns: 1fr; gap: 1.5rem; }
  .menu-game-page__menu-grid { grid-template-columns: 1fr; gap: 1rem; }
  .menu-game-page__menu-card, .menu-game-page__menu-card--wine, .menu-game-page__menu-media { grid-column: 1; }
  .menu-game-page__menu-media { aspect-ratio: 3 / 2; }
  .menu-game-page__format-grid, .menu-game-page__levels-grid { gap: 1rem; }
  .menu-game-page__process-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .menu-game-page__process-step { padding-bottom: 1.5rem; border-bottom: 1px solid var(--color-divider); }
  .menu-game-page__process-step--dealer { border: var(--border-default); }
  .menu-game-page__etiquette-grid, .menu-game-page__decision-grid, .menu-game-page__resources-grid { grid-template-columns: 1fr; gap: 1rem; }
  .menu-game-page__etiquette-card, .menu-game-page__menu-card, .menu-game-page__level-card, .menu-game-page__resource { padding: 1.25rem; }
  .menu-game-page__networking-grid { gap: 1.5rem; }
  .menu-game-page__networking-media { aspect-ratio: 4 / 3; max-height: 22.5rem; }
  .menu-game-page__networking-observations { gap: 1.25rem; }
  .menu-game-page__decision-grid > * { padding-inline-start: 1rem; }
  .menu-game-page__closing { padding-top: 3.5rem; }
  .menu-game-page__closing-panel { padding: 2rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .menu-game-page .fade-in { animation: none; }
}
