/* =========================================================
   BLAZINGMIND STUDIOS — GAMES PAGE V2
   Overall game-studio / digital-arcade identity.
   Individual games live inside this visual system.
   ========================================================= */

.games-page {
  --gs-black: #0F1115;
  --gs-deep: #101522;
  --gs-panel: #171B24;
  --gs-panel-2: #202633;
  --gs-orange: #FF6A1A;
  --gs-magenta: #FF3D81;
  --gs-cyan: #32D4FF;
  --gs-text: #F5F8FC;
  --gs-muted: #D2DAE5;
  --gs-soft: #C3CEDC;
  padding-top: 60px;
  font-size: 16px;
  background: var(--gs-black);
  color: var(--gs-text);
}

.games-page main { overflow: hidden; }

.games-page .games-hero {
  position: relative;
  min-height: min(880px, calc(100svh - 60px));
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: clamp(4.6rem, 8vw, 7rem) 0 clamp(6rem, 10vw, 8.4rem);
  background:
    radial-gradient(circle at 80% 18%, rgba(50,212,255,.11), transparent 25%),
    radial-gradient(circle at 63% 75%, rgba(255,61,129,.08), transparent 27%),
    radial-gradient(circle at 15% 80%, rgba(255,106,26,.06), transparent 24%),
    linear-gradient(135deg, #0B0F17 0%, #111725 54%, #181421 100%);
}

.games-page .games-grid-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.82), transparent 94%);
}

.games-page .games-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 180px;
  background: linear-gradient(to bottom, transparent, rgba(15,17,21,.82) 64%, #0F1115 100%);
  pointer-events: none;
}

.games-page .games-hero .container { position: relative; z-index: 2; }

.games-page .games-eyebrow,
.games-page .games-section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .58rem;
  color: var(--gs-cyan);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.games-page .games-hero h1 {
  max-width: 850px;
  margin: 1rem 0 1.15rem;
  color: #fff;
  font-family: "Exo 2", sans-serif;
  font-size: clamp(3.25rem, 6.7vw, 6.45rem);
  font-weight: 800;
  line-height: .92;
  letter-spacing: -.045em;
}

.games-page .games-title-accent {
  display: block;
  background: linear-gradient(90deg, var(--gs-orange), var(--gs-magenta) 52%, var(--gs-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.games-page .games-hero-lede {
  max-width: 655px;
  margin: 0;
  color: #D6DEE8;
  font-size: 1.04rem;
  line-height: 1.78;
}

.games-page .games-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: 1.7rem;
}

.games-page .games-btn-primary,
.games-page .games-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 46px;
  padding: .76rem 1.15rem;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  transition: .22s ease;
}

.games-page .games-btn-primary {
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(100deg, var(--gs-orange), #ff6f64 52%, var(--gs-magenta));
  color: #0F1115;
  box-shadow: 0 14px 32px rgba(255,61,129,.13);
}

.games-page .games-btn-secondary {
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.052);
  color: #fff;
  backdrop-filter: blur(12px);
}

.games-page .games-btn-primary:hover { transform: translateY(-2px); color: #0F1115; }
.games-page .games-btn-secondary:hover { transform: translateY(-2px); color: #fff; }
.games-page .games-btn-secondary:hover { border-color: rgba(50,212,255,.26); background: rgba(50,212,255,.05); }

.games-page .games-studio-stats {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1.2rem;
  margin-top: 2rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(255,255,255,.06);
}

.games-page .games-studio-stats span {
  color: #D2DAE5;
  font-size: 1rem;
  line-height: 1.5;
}
.games-page .games-studio-stats strong { color: #fff; font-weight: 800; }

/* Studio console */
.games-page .studio-console {
  width: min(100%, 660px);
  margin-left: auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 1.9rem;
  background: rgba(10,14,22,.72);
  box-shadow: 0 32px 78px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(18px);
}

.games-page .console-topbar {
  min-height: 46px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .8rem;
  padding: 0 .95rem;
  border-bottom: 1px solid rgba(255,255,255,.065);
  background: rgba(255,255,255,.025);
}

.games-page .console-lights { display: flex; gap: 5px; }
.games-page .console-lights span { width: 7px; height: 7px; border-radius: 50%; }
.games-page .console-lights span:nth-child(1){background:var(--gs-orange)}
.games-page .console-lights span:nth-child(2){background:var(--gs-magenta)}
.games-page .console-lights span:nth-child(3){background:var(--gs-cyan)}
.games-page .console-title { color: #D2DAE5; font-size: 1rem; font-weight: 800; letter-spacing: .08em; line-height: 1.4; text-align:center; }
.games-page .console-topbar > i { color: var(--gs-cyan); }

.games-page .console-stage {
  position: relative;
  min-height: 285px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(50,212,255,.075), transparent 30%),
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px),
    #0B1019;
  background-size: auto, 34px 34px, 34px 34px, auto;
}

.games-page .console-brandmark {
  width: 116px;
  height: 116px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(50,212,255,.16);
  border-radius: 2rem;
  transform: rotate(45deg);
  background: linear-gradient(145deg, rgba(255,61,129,.08), rgba(50,212,255,.08));
  box-shadow: 0 0 60px rgba(50,212,255,.07);
}
.games-page .console-brandmark i { transform: rotate(-45deg); color: #fff; font-size: 3rem; text-shadow: 0 0 28px rgba(50,212,255,.24); }

.games-page .console-crosshair::before,
.games-page .console-crosshair::after {
  content:""; position:absolute; left:50%; top:50%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
}
.games-page .console-crosshair::before { width:75%; height:1px; transform:translate(-50%,-50%); }
.games-page .console-crosshair::after { height:75%; width:1px; transform:translate(-50%,-50%); background:linear-gradient(transparent,rgba(255,255,255,.10),transparent); }
.games-page .console-scanline { position:absolute; left:8%; right:8%; height:1px; background:linear-gradient(90deg,transparent,var(--gs-cyan),var(--gs-magenta),transparent); opacity:.20; }
.games-page .console-scanline.one { top:31%; }
.games-page .console-scanline.two { bottom:28%; }

.games-page .console-feed { padding: .75rem; display:grid; gap:.48rem; }
.games-page .console-feed-row {
  display:grid; grid-template-columns: 34px 1fr auto; gap:.7rem; align-items:center;
  padding:.72rem .78rem; border:1px solid rgba(255,255,255,.055); border-radius:.9rem; background:rgba(255,255,255,.025);
}
.games-page .console-feed-row.active { border-color:rgba(50,212,255,.16); background:linear-gradient(90deg,rgba(50,212,255,.055),rgba(255,61,129,.025)); }
.games-page .feed-index { color:#C3CEDC; font-size:1rem; font-weight:800; }
.games-page .console-feed-row strong { display:block; color:#fff; font-size:1rem; line-height:1.4; }
.games-page .console-feed-row .console-meta { display:block; margin-top:.2rem; color:#D2DAE5; font-size:1rem; line-height:1.5; }
.games-page .feed-status { display:inline-flex; align-items:center; gap:.4rem; color:#67E3FF; font-size:1rem; font-weight:800; line-height:1.4; text-transform:uppercase; }
.games-page .feed-status i { font-size:.45rem; }
.games-page .feed-status.muted { color:#C3CEDC; }

/* shared section heads */
.games-page .section-heading { max-width:820px; margin-bottom:2.3rem; }
.games-page .section-heading h2,
.games-page .games-closing-panel h2 {
  margin:.7rem 0 .8rem; color:#fff; font-family:"Exo 2",sans-serif; font-size:clamp(2.3rem,4.6vw,4.1rem); font-weight:800; line-height:1.02;
}
.games-page .section-heading p { max-width:700px; margin:0; color:var(--gs-muted); line-height:1.75; }

/* Studio feed */
.games-page .studio-feed-section { padding:clamp(5rem,8vw,7rem) 0; background:linear-gradient(180deg,#0F1115,#151A23); }
.games-page .studio-feed-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.9rem; }
.games-page .feed-panel {
  min-height:290px; display:flex; flex-direction:column; padding:1.35rem; border:1px solid rgba(255,255,255,.075); border-radius:1.5rem;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018)); box-shadow:0 20px 48px rgba(0,0,0,.18);
}
.games-page .feed-panel.primary { background:radial-gradient(circle at 88% 12%,rgba(50,212,255,.10),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); }
.games-page .feed-panel-icon { width:46px; height:46px; display:grid; place-items:center; margin-bottom:1.35rem; border-radius:1rem; background:rgba(50,212,255,.075); color:var(--gs-cyan); font-size:1.15rem; }
.games-page .feed-panel:nth-child(2) .feed-panel-icon { color:var(--gs-magenta); background:rgba(255,61,129,.07); }
.games-page .feed-panel:nth-child(3) .feed-panel-icon { color:var(--gs-orange); background:rgba(255,106,26,.07); }
.games-page .feed-panel-label { color:#C3CEDC; font-size:1rem; font-weight:800; letter-spacing:.08em; line-height:1.4; text-transform:uppercase; }
.games-page .feed-panel h3 { margin:.5rem 0 .65rem; color:#fff; font-family:"Exo 2",sans-serif; font-size:1.55rem; font-weight:800; }
.games-page .feed-panel p { margin:0; color:#D2DAE5; font-size:1rem; line-height:1.7; }
.games-page .feed-panel-footer { display:flex; justify-content:space-between; gap:.7rem; margin-top:auto; padding-top:1rem; border-top:1px solid rgba(255,255,255,.06); }
.games-page .feed-panel-footer span { color:#C3CEDC; font-size:1rem; letter-spacing:.06em; line-height:1.4; }
.games-page .feed-panel-footer strong { color:#67E3FF; font-size:1rem; letter-spacing:.05em; line-height:1.4; }

/* Game library */
.games-page .game-library-section { padding:clamp(5rem,8vw,7rem) 0; background:#F1F4F8; color:#172033; }
.games-page .library-heading .games-section-eyebrow { color:#4B596E; }
.games-page .library-heading h2 { color:#172033; }
.games-page .library-heading p { color:#4F5D70; font-size:1rem; }
.games-page .game-catalog { display:grid; gap:1rem; }
.games-page .game-release-card {
  display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(1rem,3vw,2rem); padding:1rem;
  border:1px solid rgba(19,29,44,.08); border-radius:1.8rem; background:#fff; box-shadow:0 20px 52px rgba(24,34,51,.09);
}
.games-page .game-art-panel {
  position:relative; min-height:430px; display:grid; place-items:center; overflow:hidden; border-radius:1.35rem;
  background:radial-gradient(circle at 50% 48%,rgba(50,212,255,.09),transparent 28%),linear-gradient(135deg,#0B1019,#151326 55%,#121B25);
}
.games-page .game-art-grid { position:absolute; inset:0; background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:34px 34px; }
.games-page .game-number { position:absolute; top:1rem; left:1rem; color:#D2DAE5; font:800 1rem/1.3 "Inter",sans-serif; letter-spacing:.08em; }
.games-page .game-art-status { position:absolute; right:1rem; bottom:1rem; padding:.55rem .75rem; border:1px solid rgba(103,227,255,.45); border-radius:999px; background:#111A25; color:#8DEBFF; font-size:1rem; font-weight:800; line-height:1.4; letter-spacing:.06em; }
.games-page .game-art-symbol { position:relative; z-index:2; display:grid; place-items:center; width:170px; height:170px; border:1px solid rgba(255,255,255,.11); border-radius:2rem; background:linear-gradient(145deg,rgba(255,106,26,.10),rgba(255,61,129,.10),rgba(50,212,255,.10)); color:#fff; font:800 3.4rem/1 "Exo 2",sans-serif; letter-spacing:-.05em; box-shadow:0 28px 58px rgba(0,0,0,.25); }
.games-page .game-release-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(.8rem,2vw,1.5rem); }
.games-page .game-release-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.games-page .release-tag { display:inline-flex; align-items:center; gap:.4rem; padding:.52rem .72rem; border:1px solid rgba(23,32,51,.12); border-radius:999px; background:#F6F8FB; color:#465469; font-size:1rem; font-weight:700; line-height:1.4; }
.games-page .release-tag.accent { border-color:#9ADBEA; background:#EAF9FC; color:#0B6C84; }
.games-page .game-release-kicker { color:#4F5D70; font-size:1rem; font-weight:800; letter-spacing:.08em; line-height:1.4; text-transform:uppercase; }
.games-page .game-release-copy h3 { margin:.6rem 0 .75rem; color:#172033; font-family:"Exo 2",sans-serif; font-size:clamp(2.35rem,4.4vw,4rem); font-weight:800; line-height:.98; }
.games-page .game-release-copy > p { max-width:620px; margin:0 0 1.3rem; color:#4F5D70; font-size:1rem; line-height:1.72; }
.games-page .store-status-card { width:fit-content; display:flex; align-items:center; gap:.7rem; padding:.7rem .9rem; border:1px solid rgba(23,32,51,.08); border-radius:1rem; background:#F6F8FB; }
.games-page .store-status-card i { color:#172033; font-size:1.2rem; }
.games-page .store-status-card span { display:block; color:#4F5D70; font-size:1rem; font-weight:700; line-height:1.4; text-transform:uppercase; letter-spacing:.06em; }
.games-page .store-status-card strong { display:block; margin-top:.18rem; color:#172033; font-size:1rem; line-height:1.4; }

.games-page .future-release-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.games-page .future-game-card { position:relative; min-height:210px; display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:center; padding:1.4rem; border:1px solid rgba(23,32,51,.08); border-radius:1.4rem; background:#fff; box-shadow:0 16px 38px rgba(24,34,51,.06); }
.games-page .future-game-card > i { width:52px; height:52px; display:grid; place-items:center; border-radius:1rem; background:#F1F5FA; color:#40516A; font-size:1.25rem; }
.games-page .future-index { position:absolute; top:.8rem; right:1rem; color:#4F5D70; font-size:1rem; font-weight:800; }
.games-page .future-game-card div span { color:#4F5D70; font-size:1rem; font-weight:800; line-height:1.4; text-transform:uppercase; letter-spacing:.07em; }
.games-page .future-game-card strong { display:block; margin:.35rem 0 .45rem; color:#172033; font:800 1.25rem/1.2 "Exo 2",sans-serif; }
.games-page .future-game-card p { margin:0; color:#4F5D70; font-size:1rem; line-height:1.65; }

/* Closing */
.games-page .games-closing-section { padding:clamp(4.5rem,7vw,6rem) 0; background:#F1F4F8; }
.games-page .games-closing-panel { max-width:1050px; margin:0 auto; padding:clamp(2rem,5vw,4rem); border-radius:2rem; background:radial-gradient(circle at 85% 18%,rgba(50,212,255,.10),transparent 27%),radial-gradient(circle at 15% 84%,rgba(255,61,129,.07),transparent 27%),#10141D; text-align:center; box-shadow:0 24px 58px rgba(23,31,48,.14); }
.games-page .games-closing-panel .games-section-eyebrow { justify-content:center; }
.games-page .games-closing-panel p { max-width:680px; margin:0 auto; color:#D2DAE5; font-size:1rem; line-height:1.7; }

/* Reveal */
.games-page.games-reveal-enabled [data-games-reveal] { opacity:0; transform:translateY(36px); filter:blur(5px); transition:opacity .82s cubic-bezier(.2,.7,.2,1), transform .82s cubic-bezier(.2,.7,.2,1), filter .82s cubic-bezier(.2,.7,.2,1); }
.games-page.games-reveal-enabled [data-games-reveal].is-visible { opacity:1; transform:none; filter:blur(0); }

@media (max-width: 991.98px) {
  .games-page .games-hero { min-height:auto; text-align:center; }
  .games-page .games-eyebrow { margin-left:auto; margin-right:auto; }
  .games-page .games-hero-lede { margin-left:auto; margin-right:auto; }
  .games-page .games-hero-actions, .games-page .games-studio-stats { justify-content:center; }
  .games-page .studio-console { margin:1.2rem auto 0; text-align:left; }
  .games-page .studio-feed-grid { grid-template-columns:1fr; }
  .games-page .game-release-card { grid-template-columns:1fr; }
}

@media (max-width: 700px) {
  .games-page .console-feed-row { grid-template-columns:30px 1fr; }
  .games-page .feed-status { grid-column:2; }
  .games-page .future-release-grid { grid-template-columns:1fr; }
}

@media (max-width: 575.98px) {
  .games-page .games-hero h1 { font-size:clamp(3rem,15vw,4.6rem); }
  .games-page .games-hero-actions { width:100%; }
  .games-page .games-btn-primary, .games-page .games-btn-secondary { width:100%; }
  .games-page .studio-console, .games-page .game-release-card, .games-page .games-closing-panel { border-radius:1.4rem; }
  .games-page .game-art-panel { min-height:320px; }
}

@media (prefers-reduced-motion: reduce) {
  .games-page.games-reveal-enabled [data-games-reveal] { opacity:1; transform:none; filter:none; transition:none; }
  .games-page .games-btn-primary, .games-page .games-btn-secondary { transition:none; }
}


/* =========================================================
   GAMEPLAY TRAILER — FEATURED GAME
   Lazy-loaded YouTube Shorts trailer in a studio-styled modal.
   ========================================================= */

.games-page .game-release-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .7rem;
}

.games-page .game-trailer-button {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  min-height: 58px;
  padding: .7rem .9rem;
  border: 1px solid rgba(255,61,129,.16);
  border-radius: 1rem;
  background: linear-gradient(110deg, rgba(255,61,129,.065), rgba(50,212,255,.045));
  color: #172033;
  text-align: left;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.games-page .game-trailer-button > i {
  color: #D92C70;
  font-size: 1.35rem;
}

.games-page .game-trailer-button span {
  display: block;
}

.games-page .game-trailer-button .trailer-label {
  display: block;
  color: #4F5D70;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.games-page .game-trailer-button strong {
  display: block;
  margin-top: .12rem;
  color: #172033;
  font-size: 1rem;
  line-height: 1.4;
}

.games-page .game-trailer-button:hover,
.games-page .game-trailer-button:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(50,212,255,.28);
  background: linear-gradient(110deg, rgba(255,61,129,.09), rgba(50,212,255,.07));
  box-shadow: 0 12px 28px rgba(23,32,51,.08);
}

.games-trailer-modal .modal-dialog {
  width: min(94vw, 480px);
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.games-trailer-modal .modal-content {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 1.6rem;
  background:
    radial-gradient(circle at 82% 8%, rgba(50,212,255,.08), transparent 26%),
    linear-gradient(145deg, #111722, #0B1019);
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
}

.games-trailer-modal .modal-header {
  align-items: center;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid rgba(255,255,255,.07);
  color: #fff;
}

.games-trailer-modal .trailer-modal-kicker {
  display: block;
  margin-bottom: .18rem;
  color: #8DEBFF;
  font: 800 1rem/1.4 "Inter", sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.games-trailer-modal .modal-title {
  margin: 0;
  color: #fff;
  font: 800 1.15rem/1.2 "Exo 2", sans-serif;
}

.games-trailer-modal .btn-close {
  filter: invert(1);
  opacity: 1;
}

.games-trailer-modal .modal-body {
  padding: .8rem;
}

.games-trailer-modal .game-trailer-frame {
  position: relative;
  width: min(100%, 390px);
  aspect-ratio: 9 / 16;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1.1rem;
  background: #05070B;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

.games-trailer-modal .game-trailer-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 575.98px) {
  .games-page .game-release-actions,
  .games-page .store-status-card,
  .games-page .game-trailer-button {
    width: 100%;
  }

  .games-trailer-modal .modal-dialog {
    width: calc(100% - 1.2rem);
    margin: .6rem auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .games-page .game-trailer-button {
    transition: none;
  }
}


/* =========================================================
   ACCESSIBILITY FOUNDATION — V5
   ========================================================= */

.games-page .games-skip-link {
  position: fixed;
  z-index: 2000;
  top: .75rem;
  left: .75rem;
  transform: translateY(-180%);
  padding: .8rem 1rem;
  border: 2px solid #172033;
  border-radius: .65rem;
  background: #FFFFFF;
  color: #172033;
  font-size: 1rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}

.games-page .games-skip-link:focus {
  transform: translateY(0);
}

.games-page a:focus-visible,
.games-page button:focus-visible,
.games-trailer-modal .btn-close:focus-visible {
  outline: 3px solid #32D4FF;
  outline-offset: 4px;
  box-shadow: 0 0 0 6px rgba(50,212,255,.18);
}

.games-page #main-content:focus {
  outline: none;
}

.games-page .games-btn-primary,
.games-page .games-btn-secondary,
.games-page .game-trailer-button,
.games-page .store-status-card {
  min-height: 48px;
}

/* Footer must not inherit the Games page's light foreground color. */
.games-page .footer {
  background: #F0F2F5;
  color: #172033 !important;
  font-size: 1rem;
  line-height: 1.5;
}

.games-page .footer .footer-center,
.games-page .footer .games-footer-copyright,
.games-page .footer a,
.games-page .footer i {
  color: #172033 !important;
}

.games-page .footer a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.games-page .footer-left a {
  min-width: 44px;
  justify-content: center;
}

.games-page .footer a:hover,
.games-page .footer a:focus-visible {
  color: #0B6C84 !important;
}

@media (prefers-reduced-motion: reduce) {
  .games-page .games-skip-link {
    transition: none;
  }
}