/* An isolated addition to the existing ALLiQ site. */
.main-nav .nav-games { white-space: nowrap; }
.main-nav .nav-games[aria-current="page"] { color: var(--mint); }
.main-nav .nav-games[aria-current="page"]:after { transform: scaleX(1); }
.games-page .site-header { background: #071b2df7; border-bottom: 1px solid #ffffff14; }
.games-page main { padding-top: 84px; background: #f2f5f8; }
.games-breadcrumb { display: flex; gap: .75rem; padding: 2rem clamp(1.25rem,7vw,8rem) 0; color: #526570; font-size: .875rem; }
.games-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.games-page .alliq-games { padding-top: 2rem; padding-bottom: clamp(3rem,6vw,5rem); }
.alliq-games { background: #f2f5f8; scroll-margin-top: 0; }
.games-heading { display: flex; justify-content: space-between; align-items: end; gap: 2.5rem; margin-bottom: 2.25rem; }
.games-heading .eyebrow { color: #486377; margin-bottom: .7rem; }
.games-heading h1 { margin-bottom: 0; font-size: clamp(2.25rem,4vw,3.6rem); letter-spacing: -.045em; }
.games-heading h1 span { color: #37664f; margin-left: .08em; }
.games-heading > p { max-width: 390px; margin: 0 0 .25rem; color: #526570; }
.games-feature { position: relative; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr); gap: 1rem; overflow: hidden; padding: clamp(1.75rem,4vw,3.5rem); border: 1px solid #25475e; border-radius: 24px; background: radial-gradient(ellipse at 88% 70%,#323156 0,transparent 55%),radial-gradient(ellipse at 80% 20%,#154f52 0,transparent 50%),#081d2f; box-shadow: 0 18px 45px #0a253b13; color: #f6fafb; }
.games-feature-copy { position: relative; z-index: 1; max-width: 560px; align-self: center; }
.games-availability { display: inline-flex; align-items: center; gap: .55rem; margin: 0 0 1.75rem; padding: .4rem .75rem; border: 1px solid #89d5b143; border-radius: 999px; background: #97dbbd0d; color: #b8e6cc; font-size: .8125rem; font-weight: 500; }
.games-availability > span { width: 6px; height: 6px; border-radius: 50%; background: #a8e6c2; }
.games-app-identity { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.65rem; }
.games-app-identity img { width: 72px; height: 72px; border: 1px solid #aecfe13b; border-radius: 18px; box-shadow: 0 8px 24px #0004; }
.games-category { color: #b4c9d7; font-size: .8125rem; margin: 0 0 .25rem; }
.games-app-identity h2 { color: #fff; font-size: clamp(1.65rem,2.75vw,2.5rem); letter-spacing: -.035em; margin: 0; }
.games-tagline { color: #ccf4e2; font-family: var(--display); font-size: clamp(1.55rem,2.8vw,2.25rem); font-weight: 700; line-height: 1.2; letter-spacing: -.03em; margin: 0 0 1rem; }
.games-description { color: #d0dee7; font-size: 1.0625rem; line-height: 1.7; max-width: 475px; margin: 0 0 1.4rem; }
.games-highlights { display: flex; flex-wrap: wrap; gap: .65rem; list-style: none; padding: 0; margin: 0 0 1.3rem; }
.games-highlights li { display: flex; align-items: center; gap: .5rem; border: 1px solid #bad3e326; border-radius: 9px; padding: .5rem .7rem; background: #ffffff06; color: #deebf2; font-size: .875rem; }
.games-highlights li > span { color: #a8e6c2; font-size: 1.1rem; line-height: 1; }
.games-plan-note { color: #afc4d3; font-size: .875rem; line-height: 1.6; max-width: 425px; margin: 0 0 1.8rem; }
.games-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; }
.games-primary { display: inline-flex; justify-content: center; align-items: center; gap: 1.2rem; min-height: 50px; padding: .8rem 1.1rem; border-radius: 8px; background: #b0e6c7; color: #092836; font-size: .9375rem; font-weight: 600; transition: background .2s; }
.games-primary:hover { background: #d1f4df; }
.games-support { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; color: #d3e4ee; text-decoration: underline; text-underline-offset: 4px; font-size: .875rem; }
.games-support:hover { color: #b0e6c7; }
.games-actions a:focus-visible { outline: 3px solid #d1f4df; outline-offset: 5px; }
.games-app-stage { position: relative; display: grid; place-items: center; min-width: 0; padding: .5rem 0; }
.games-phone { position: relative; z-index: 1; width: min(100%,236px); border: 7px solid #06121d; border-radius: 34px; overflow: hidden; box-shadow: 0 0 0 1px #a4c6da40,0 28px 45px #020e2370; }
.games-phone img { display: block; width: 100%; height: auto; }
.games-orbit { position: absolute; width: 365px; height: 365px; border-radius: 50%; border: 1px solid #9dccdf20; pointer-events: none; }
.games-orbit-two { width: 450px; height: 450px; border-style: dashed; opacity: .65; }
.games-spark { position: absolute; color: #9bceec; font-size: 2rem; pointer-events: none; }
.games-spark-one { top: 9%; right: 0; }.games-spark-two { bottom: 8%; left: 0; color: #b0e6c7; font-size: 1.3rem; }
@media (min-width: 851px) and (max-width: 1150px) {
  .site-header { gap: .7rem; padding-left: 1.25rem; padding-right: 1.25rem; }
  .brand-logo { width: 142px; }
  .main-nav { gap: .8rem; }.main-nav a { font-size: .875rem; }
  .main-nav .nav-contact { padding: .6rem .65rem; }.nav-contact span { margin-left: .3rem; }
  .language-trigger { min-width: 72px; gap: .4rem; }
}
@media (max-width: 850px) {
  .games-page main { padding-top: 72px; }
  .main-nav .nav-games[aria-current="page"] { color: #076951; }
  .games-heading { display: block; }.games-heading > p { margin-top: 1.15rem; max-width: 560px; }
  .games-feature { grid-template-columns: minmax(0,1fr) minmax(0,.65fr); gap: 1.5rem; padding: 1.75rem; }
  .games-phone { width: min(100%,205px); }
  .games-actions { gap: .5rem 1rem; }.games-primary { font-size: .875rem; }
}
@media (max-width: 640px) {
  .games-heading { margin-bottom: 1.75rem; }
  .games-feature { grid-template-columns: minmax(0,1fr); gap: 2rem; padding: 1.5rem; border-radius: 18px; }
  .games-availability { margin-bottom: 1.5rem; }.games-app-identity { gap: .85rem; margin-bottom: 1.5rem; }
  .games-app-identity img { width: 60px; height: 60px; border-radius: 15px; }
  .games-app-identity h2 { font-size: 1.65rem; }.games-category { font-size: .75rem; }
  .games-description { font-size: 1rem; }.games-highlights { gap: .5rem; }.games-highlights li { padding: .45rem .6rem; font-size: .8125rem; }
  .games-actions { align-items: stretch; flex-direction: column; }.games-primary { width: 100%; }.games-support { justify-content: center; }
  .games-app-stage { padding: 1.25rem 0 0; }.games-phone { width: 205px; }
  .games-orbit { width: 280px; height: 280px; }.games-orbit-two { width: 340px; height: 340px; }
  .games-spark-one { right: 0; }.games-spark-two { left: 0; }
}
@media (max-width: 360px) {
  .games-feature { padding: 1.15rem; }.games-app-identity h2 { font-size: 1.5rem; }.games-tagline { font-size: 1.5rem; }
  .games-phone { width: 190px; }
}
@media (prefers-reduced-motion: reduce) { .games-primary { transition: none; } }