/*
 * GamesDen 16.28.37
 * Base layout and component styling. Runtime Customizer behavior lives in assets/css/settings-contract.css.
 */
* {
  box-sizing: border-box;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, black 0%, transparent 82%);
}
body.gd-menu-open, body.gd-lightbox-open {
  overflow: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: var(--gd-accent);
}
img, video, iframe {
  max-width: 100%;
  height: auto;
}
img {
  display: block;
}
button, input, select, textarea {
  font: inherit;
}
button {
  color: inherit;
}
p {
  margin: 0 0 1em;
  color: var(--gd-muted);
}
h1, h2, h3, h4 {
  margin: 0 0 .42em;
  line-height: 1.08;
  letter-spacing: -.035em;
}
ul, ol {
  color: var(--gd-muted);
}
strong, b {
  color: var(--gd-text);
}
.screen-reader-text, .gd-skip {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.gd-skip:focus {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100000;
  width: auto;
  height: auto;
  clip: auto;
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--gd-accent);
  color: #04111f;
}
:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(125, 220, 255, .72);
  outline-offset: 3px;
}
.gd-shell {
  width: min(100% - 40px, var(--gd-shell));
  margin-inline: auto;
}
.gd-section {
  padding-block: var(--gd-section-gap);
}
.gd-section + .gd-section {
  padding-top: calc(var(--gd-section-gap) * .85);
}
.gd-section-muted {
  position: relative;
  border-block: 1px solid rgba(148, 163, 184, .08);
  background: radial-gradient(circle at 15% 0%, rgba(125, 220, 255, .07), transparent 30rem), linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.008));
}

/* Homepage section background modes is owned by settings-contract.css. */
.gd-section-head, .gd-media-head, .gd-results-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
.gd-section-head h2, .gd-media-head h2 {
  font-size: clamp(28px, 3.3vw, calc(var(--gd-section-title-max) * var(--gd-heading-scale)));
}
.gd-section-head p, .gd-media-head p {
  max-width: 720px;
  margin-bottom: 0;
}
.gd-kicker {
  display: inline-flex;
  align-items: center;
  width: max-content;
  gap: 8px;
  margin-bottom: 11px;
  padding: 6px 10px;
  border: 1px solid rgba(125, 220, 255, .32);
  border-radius: 999px;
  background: rgba(125, 220, 255, .08);
  color: var(--gd-accent);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.gd-readable, .gd-content {
  color: var(--gd-muted);
}
.admin-bar .gd-header {
  top: 32px;
}
.gd-header-inner {
  min-height: var(--gd-header-h);
  display: flex;
  align-items: center;
  gap: var(--gd-header-gap);
}
.gd-brand {
  flex: 0 0 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 950;
  letter-spacing: -.035em;
}
.gd-custom-logo {
  width: auto;
  max-height: var(--gd-header-logo-h);
  object-fit: contain;
}
.gd-brand-mark {
  width: var(--gd-header-mark-size);
  height: var(--gd-header-mark-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2));
  color: #03121d;
  font-weight: 950;
  box-shadow: 0 0 0 6px rgba(125, 220, 255, .06), var(--gd-shadow-soft);
}
.gd-brand-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 19px;
}
.gd-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--gd-header-gap);
  min-width: 0;
}
.gd-menu {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  margin: 0;
}
.gd-menu li {
  position: relative;
}
.gd-menu .sub-menu {
  list-style: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  padding: 8px;
  margin: 0;
  border: 1px solid var(--gd-border);
  border-radius: 16px;
  background: rgba(7, 12, 24, .98);
  box-shadow: var(--gd-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
}
.gd-menu li:hover > .sub-menu, .gd-menu li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.gd-menu .sub-menu .sub-menu {
  top: 0;
  left: calc(100% + 8px);
}
.gd-submenu-toggle {
  display: none;
}
.gd-menu-toggle {
  display: none;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border: 1px solid var(--gd-border);
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  cursor: pointer;
}
.gd-menu-toggle span:not(.screen-reader-text) {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}
body.gd-menu-open .gd-menu-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
body.gd-menu-open .gd-menu-toggle span:nth-child(2) {
  opacity: 0;
}
body.gd-menu-open .gd-menu-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.gd-header-search input[type="search"] {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 8px 10px;
  background: transparent;
  color: var(--gd-text);
}
.gd-header-search button, .gd-header-cta {
  border: 0;
  border-radius: calc(var(--gd-input-radius) - 4px);
  background: linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2));
  color: #03121d;
  font-weight: 900;
  padding: 8px 12px;
  cursor: pointer;
}
.gd-header-cta {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
}
.gd-btn, button.gd-btn, .gd-download-buttons a, .gd-text-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 12px 18px;
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-button-radius);
  background: rgba(255,255,255,.06);
  color: var(--gd-text);
  font-weight: 850;
  line-height: 1.2;
  cursor: pointer;
}
.gd-btn:hover, .gd-download-buttons a:hover, .gd-text-link:hover {
  border-color: rgba(125, 220, 255, .48);
  background: rgba(255,255,255,.09);
  color: var(--gd-text);
  box-shadow: var(--gd-shadow-soft);
}
.gd-btn-primary, .gd-download-buttons a:first-child {
  border-color: var(--gd-style-primary-button-border, transparent);
  background: var(--gd-style-primary-button-bg, linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2)));
  color: var(--gd-style-primary-button-text, var(--gd-button-text, #031409));
  box-shadow: var(--gd-style-primary-button-shadow, 0 18px 48px color-mix(in srgb, var(--gd-accent) 22%, transparent));
}
.gd-btn-primary:hover, .gd-download-buttons a:first-child:hover {
  border-color: var(--gd-style-primary-button-hover-border, var(--gd-style-primary-button-border, transparent));
  background: var(--gd-style-primary-button-hover-bg, var(--gd-style-primary-button-bg, linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2))));
  color: var(--gd-style-primary-button-hover-text, var(--gd-style-primary-button-text, var(--gd-button-text, #031409)));
  box-shadow: var(--gd-style-primary-button-hover-shadow, var(--gd-style-hover-shadow, var(--gd-shadow-soft)));
}
.gd-btn-ghost {
  background: rgba(2,6,23,.44);
}
.gd-btn-small {
  min-height: 36px;
  padding: 8px 13px;
  font-size: 13px;
}
.gd-text-link {
  min-height: 40px;
  padding: 9px 14px;
  color: var(--gd-accent);
  background: rgba(125, 220, 255, .055);
}
.gd-text-link::after {
  content: "→";
  font-weight: 900;
}
.gd-store-hero {
  padding: 34px 0 26px;
}
.gd-home-slider {
  position: relative;
  filter: drop-shadow(0 34px 80px rgba(0,0,0,.34));
}
.gd-home-slides {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: var(--gd-hero-radius);
  background: var(--gd-card-2);
  box-shadow: var(--gd-shadow), inset 0 1px 0 rgba(255,255,255,.08);
}
.gd-featured-hero, .gd-home-slide {
  position: absolute;
  inset: 0;
  min-height: clamp(520px, 53vw, 690px);
  display: grid;
  align-items: end;
  padding: clamp(34px, 7vw, 82px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}
.gd-home-slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}
.gd-home-slide:first-child:not(.is-active) {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.gd-featured-hero:not(.gd-home-slide) {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  min-height: 460px;
}
.gd-featured-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 76% 40%, rgba(255,255,255,.08), transparent 18rem), linear-gradient(90deg, rgba(2,6,23,.94), rgba(2,6,23,.70) 47%, rgba(2,6,23,.26)), linear-gradient(0deg, rgba(2,6,23,.84), transparent 62%);
  pointer-events: none;
}
.gd-home-slides::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), inset 0 -120px 120px rgba(2,6,23,.36);
}
.gd-hero-copy {
  position: relative;
  z-index: 4;
  max-width: min(760px, 88%);
  text-shadow: 0 2px 28px rgba(0,0,0,.38);
}
.gd-hero-copy h1, .gd-hero-copy .gd-hero-title {
  max-width: min(20ch, 100%);
  font-size: min(clamp(38px, 6vw, 72px), calc(var(--gd-hero-title-max) * var(--gd-heading-scale)));
  font-weight: 950;
  letter-spacing: -.055em;
}
.gd-hero-copy p {
  max-width: 68ch;
  font-size: clamp(16px, 1.35vw, 20px);
  color: #d4dceb;
}
.gd-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.gd-hero-badges, .gd-hero-microstats {
  margin-top: 18px;
}
.gd-hero-microstats, .gd-badges, .gd-meta-line, .gd-category-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.gd-hero-microstats span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--gd-muted);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.gd-hero-microstats strong {
  display: block;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.gd-home-nav, .gd-media-nav, .gd-lightbox-nav, .gd-related-nav {
  position: absolute;
  z-index: 9;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(2,6,23,.72);
  color: var(--gd-text);
  box-shadow: var(--gd-shadow-soft);
  cursor: pointer;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.gd-home-nav:hover, .gd-media-nav:hover, .gd-related-nav:hover {
  background: rgba(2,6,23,.95);}
.gd-home-nav::before, .gd-media-nav::before, .gd-lightbox-nav::before, .gd-related-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.gd-home-prev, .gd-media-prev, .gd-lightbox-prev, .gd-related-prev {
  left: 18px;
}
.gd-home-next, .gd-media-next, .gd-lightbox-next, .gd-related-next {
  right: 18px;
}
.gd-home-prev::before, .gd-media-prev::before, .gd-lightbox-prev::before, .gd-related-prev::before {
  transform: rotate(-135deg);
}
.gd-home-next::before, .gd-media-next::before, .gd-lightbox-next::before, .gd-related-next::before {
  transform: rotate(45deg);
}
.gd-home-nav {
  top: 50%;
  transform: translateY(-50%);
}
.gd-home-dots {
  position: absolute;
  z-index: 10;
  right: var(--gd-home-dots-side-offset);
  bottom: var(--gd-home-dots-vertical-offset);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(2,6,23,.56);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.gd-home-dots button {
  width: 30px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.25);
  cursor: pointer;
}
.gd-home-dots button.is-active {
  background: linear-gradient(90deg, var(--gd-accent), var(--gd-accent-2));
  box-shadow: 0 0 22px rgba(125,220,255,.35);
}
.gd-hero-search {
  position: relative;
  z-index: 11;
  max-width: 920px;
  margin: -34px auto 0;
  display: flex;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(125, 220, 255, .34);
  border-radius: 20px;
  background: rgba(4, 8, 18, .90);
  box-shadow: 0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.gd-hero-search input {
  flex: 1;
  min-width: 0;
  min-height: 52px;
  padding: 0 18px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--gd-text);
}
.gd-hero-search button {
  min-height: 52px;
  border: 0;
  border-radius: 14px;
  padding: 0 28px;
  background: linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2));
  color: #03121d;
  font-weight: 950;
  cursor: pointer;
}
.gd-strip {
  display: block;
  padding: 24px 0 8px;
}
.gd-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.gd-stat-grid > div {
  display: grid;
  gap: 4px;
  min-height: 92px;
  padding: 18px 20px;
  border: 1px solid var(--gd-border);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.024));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.gd-stat-grid strong {
  display: block;
  color: var(--gd-text);
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1;
  font-weight: 950;
}
.gd-badge, .gd-meta-line a, .gd-category-cloud a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: #d2dbea;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}
.gd-game-card, .gd-post-card, .gd-panel, .gd-download-card, .gd-feature-panel, .gd-filter-bar, .gd-page-header, .gd-archive-hero, .gd-game-summary-card {
  position: relative;
  border: 1px solid rgba(148,163,184,.17);
  border-radius: var(--gd-card-radius);
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)), var(--gd-card);
  box-shadow: var(--gd-panel-shadow, var(--gd-shadow-soft)), inset 0 1px 0 rgba(255,255,255,.045);
}
.gd-card-placeholder {
  display: grid;
  place-items: center;
  font-size: 42px;
  font-weight: 950;
  color: var(--gd-muted);
  background: linear-gradient(135deg, #111d34, #070d1a);
}
.gd-panel, .gd-download-card, .gd-feature-panel {
  padding: clamp(20px, 2.6vw, 30px);
  overflow: hidden;
}
.gd-panel h2, .gd-download-card h2, .gd-feature-panel h2 {
  font-size: clamp(24px, 2.4vw, 32px);
  text-wrap: balance;
}
.gd-storefront-panels {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 24px;
}
.gd-checklist {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: grid;
  gap: 10px;
}
.gd-checklist li {
  position: relative;
  padding-left: 26px;
}
.gd-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .58em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--gd-accent);
  box-shadow: 0 0 18px rgba(125,220,255,.34);
}
.gd-archive-hero, .gd-page-header, .gd-post-hero {
  margin-top: 0;
  padding: clamp(32px, 5vw, 60px);
  overflow: hidden;
}
.gd-archive-hero h1, .gd-page-header h1, .gd-post-hero h1 {
  font-size: clamp(34px, 5vw, calc(var(--gd-archive-title-max) * var(--gd-heading-scale)));
}
.gd-archive-desc {
  max-width: 820px;
  margin-top: 10px;
  color: var(--gd-muted);
}
.gd-filter-search {
  display: grid;
  gap: 7px;
}
.gd-filter-bar label, .gd-filter-bar .gd-filter-search {
  color: var(--gd-muted);
  font-size: 13px;
  font-weight: 800;
}
.gd-filter-bar input, .gd-filter-bar select, .gd-search-form input {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-input-radius);
  background: rgba(2,6,23,.48);
  color: var(--gd-text);
  padding: 0 12px;
  outline: 0;
}
.gd-filter-bar input:focus, .gd-filter-bar select:focus, .gd-search-form input:focus {
  border-color: rgba(125,220,255,.55);
  box-shadow: 0 0 0 4px rgba(125,220,255,.12);
}
.gd-filter-actions button, .gd-filter-actions a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-button-radius);
  background: rgba(255,255,255,.06);
  color: var(--gd-text);
  font-weight: 850;
  cursor: pointer;
}
.gd-filter-actions button {
  border-color: transparent;
  background: linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2));
  color: #03121d;
}
.gd-filter-actions a:hover {
  border-color: rgba(125,220,255,.48);
}
.gd-empty-state {
  padding: 36px;
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-card-radius);
  background: var(--gd-card);
}
.navigation.pagination, .pagination {
  margin-top: 34px;
}
.nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.page-numbers {
  display: inline-flex;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border: 1px solid var(--gd-border);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: var(--gd-muted);
}
.page-numbers.current, .page-numbers:hover {
  border-color: rgba(125,220,255,.48);
  color: var(--gd-text);
  background: rgba(125,220,255,.09);
}
.gd-page-section {
  padding-block: clamp(28px, 4vw, 56px) var(--gd-section-gap);
}
.gd-page-shell {
  max-width: min(var(--gd-shell), 1080px);
}
.gd-page-panel {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 46px);
}
.gd-page-titlebar {
  display: grid;
  gap: 10px;
  max-width: 78ch;
  margin-bottom: clamp(18px, 3vw, 30px);
  padding-bottom: clamp(18px, 2.5vw, 26px);
  border-bottom: 1px solid color-mix(in srgb, var(--gd-border) 74%, transparent);
}
.gd-page-titlebar h1 {
  margin: 0;
  font-size: clamp(34px, 5vw, calc(var(--gd-archive-title-max) * var(--gd-heading-scale)));
  line-height: 1.02;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.gd-page-intro {
  max-width: 68ch;
  margin: 0;
  color: var(--gd-muted);
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.65;
}
.gd-page-featured-media {
  margin: 0 0 clamp(20px, 3vw, 34px);
  overflow: hidden;
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-radius);
  background: color-mix(in srgb, var(--gd-bg-2) 88%, black);
}
.gd-page-featured-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(52vw, 460px);
  object-fit: cover;
}
.gd-page-content {
  max-width: 78ch;
}
.gd-page-content > :where(.alignwide, .alignfull, table, figure, iframe) {
  max-width: 100%;
}
.gd-page-content > :first-child {
  margin-top: 0;
}
.gd-page-content > :last-child {
  margin-bottom: 0;
}
.gd-game-single {
  position: relative;
}
.gd-game-hero {
  position: relative;
  min-height: 420px;
  display: grid;
  align-items: end;
  padding: clamp(36px, 6vw, 72px) 0;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.gd-game-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 78% 22%, rgba(255,255,255,.08), transparent 18rem), linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.74) 52%, rgba(2,6,23,.32)), linear-gradient(0deg, rgba(2,6,23,.92), transparent 66%);
}
.gd-game-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--gd-single-sidebar-width, 360px);
  gap: 30px;
  align-items: end;
}
.gd-game-hero-copy h1 {
  max-width: 14ch;
  font-size: clamp(36px, 5.4vw, calc(var(--gd-single-title-max) * var(--gd-heading-scale)));
  font-weight: 950;
  letter-spacing: -.055em;
}
.gd-game-hero-copy p {
  max-width: 860px;
  font-size: clamp(16px, 1.15vw, 18px);
  color: #d2dbea;
}
.gd-game-summary-card {
  padding: 16px;
  align-self: stretch;
}
.gd-summary-poster {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: calc(var(--gd-card-radius) - 6px);
  background: #030713;
  margin-bottom: 14px;
}
.gd-summary-poster img, .gd-summary-poster-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gd-summary-cta {
  display: grid;
  gap: 10px;
}
.gd-game-summary-card h2 {
  margin-top: 18px;
  margin-bottom: 10px;
  font-size: 22px;
}
.gd-quick-info {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.gd-quick-info h2 {
  margin-bottom: 2px;
  font-size: 22px;
}
.gd-meta-line {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.gd-meta-line span {
  color: var(--gd-muted);
}
.gd-meta-line strong {
  text-align: right;
}
.admin-bar .gd-game-tabs {
  top: calc(var(--gd-header-h) + 32px);
}
.gd-game-tabs > .gd-shell {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.gd-game-tabs > .gd-shell::-webkit-scrollbar {
  display: none;
}
.gd-game-content {
  padding-block: 36px var(--gd-section-gap);
}
.gd-game-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--gd-single-sidebar-width, 360px);
  gap: 30px;
  align-items: start;
}
.gd-side-column {
  position: sticky;
  top: calc(var(--gd-header-h) + 32px);
  align-self: start;
}
.admin-bar .gd-side-column {
  top: calc(var(--gd-header-h) + 64px);
}
.gd-content p {
  margin-bottom: 1.05em;
}

.gd-long-content-wrap {
  position: relative;
  --gd-long-readmore-height: 640px;
  --gd-long-readmore-surface: var(--gd-style-panel-bg, var(--gd-card));
  --gd-long-readmore-surface-2: var(--gd-style-panel-bg, var(--gd-card-2));
  --gd-long-readmore-fade-start: transparent;
  --gd-long-readmore-fade-mid: var(--gd-long-readmore-surface);
  --gd-long-readmore-fade-end: var(--gd-long-readmore-surface-2);
  --gd-long-readmore-bar-rgb: var(--gd-style-readmore-bar-rgb, 37 63 96);
}
.gd-long-content-wrap[data-gd-long-readmore]:not(.is-expanded) .gd-long-content {
  max-height: var(--gd-long-readmore-height, 640px);
  overflow: hidden;
}
.gd-long-content-wrap.is-overflowing:not(.is-expanded) .gd-long-content,
.gd-long-content-wrap--server-clamped:not(.is-expanded) .gd-long-content {
  max-height: var(--gd-long-readmore-height, 640px);
  overflow: hidden;
}
.gd-long-content-wrap.is-expanded .gd-long-content {
  max-height: none !important;
  overflow: visible !important;
}
.gd-long-content-fade {
  display: none;
}
.gd-long-content-wrap.is-overflowing:not(.is-expanded) .gd-long-content-fade {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 41px;
  height: min(140px, calc(var(--gd-long-readmore-height, 640px) * .32));
  pointer-events: none;
  background: linear-gradient(180deg, rgba(17,27,52,0), rgba(17,27,52,.9) 66%, rgba(17,27,52,1));
}
.gd-long-content-readmore {
  display: none;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--gd-accent) 22%, var(--gd-border));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--gd-long-readmore-bar-rgb, 37 63 96) / 50%) 33%, rgb(var(--gd-long-readmore-bar-rgb, 37 63 96) / 50%) 66%, rgba(0, 0, 0, 0) 100%);
  color: var(--gd-accent-2, var(--gd-accent));
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .02em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}
.gd-long-content-wrap.is-overflowing:not(.is-expanded) .gd-long-content-readmore:not([hidden]) {
  display: flex;
}
.gd-long-content-wrap.is-expanded .gd-long-content-fade,
.gd-long-content-wrap.is-expanded .gd-long-content-readmore {
  display: none !important;
}
.gd-long-content-readmore:hover,
.gd-long-content-readmore:focus-visible {
  color: var(--gd-text);
  border-top-color: color-mix(in srgb, var(--gd-accent) 34%, var(--gd-border));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--gd-long-readmore-bar-rgb, 37 63 96) / 70%) 33%, rgb(var(--gd-long-readmore-bar-rgb, 37 63 96) / 70%) 66%, rgba(0, 0, 0, 0) 100%);
  outline: none;
}
.gd-long-content-readmore:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gd-accent) 28%, transparent);
}
.gd-long-content-wrap.is-expanded .gd-long-content {
  max-height: none;
  overflow: visible;
}
.gd-content ul, .gd-content ol {
  padding-left: 1.25rem;
  margin: .65em 0 1em;
}
.gd-content li {
  margin-bottom: .35em;
}
.gd-requirements-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.gd-requirements-grid--single {
  grid-template-columns: minmax(0, 1fr);
}
.gd-requirements-grid--single > .gd-requirements-block {
  grid-column: 1 / -1;
}
.gd-requirements-label {
  display: block;
  margin: 0 0 12px;
  color: var(--gd-text);
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.2;
  font-weight: 800;
}
.gd-install-guide {
  display: flow-root;
}
.gd-download-card h2 {
  font-size: clamp(22px, 2vw, 28px);
}

.gd-card-footer-meta--views {
  color: var(--gd-text);
}
.gd-download-views {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  margin: 6px 0 2px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--gd-accent) 24%, var(--gd-border));
  border-radius: var(--gd-radius-button);
  background: color-mix(in srgb, var(--gd-accent) 9%, transparent);
  color: var(--gd-text);
  font-weight: 900;
  line-height: 1;
}
.gd-download-views strong {
  font-size: 15px;
}
.gd-download-views span {
  color: var(--gd-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .09em;
}
.gd-download-buttons {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}
.gd-download-buttons p {
  margin: 0;
}
.gd-download-buttons a br {
  display: none;
}
.gd-download-buttons a strong, .gd-download-buttons a b {
  color: inherit;
  font: inherit;
}
.gd-download-assurance {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  color: var(--gd-muted);
  font-size: 13px;
}
.gd-download-assurance span {
  position: relative;
  padding-left: 18px;
}
.gd-download-assurance span::before {
  content: "";
  position: absolute;
  left: 0;
  top: .65em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gd-download);
}
.gd-download-card .gd-text-link {
  margin-top: 16px;
  width: 100%;
}
.gd-video-trigger, .gd-media-image {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: #020617;
  color: var(--gd-text);
  overflow: hidden;
  cursor: pointer;
}
.gd-media-backdrop {
  position: absolute;
  inset: -6%;
  background-size: cover;
  background-position: center;
  filter: blur(28px);
  opacity: .22;
  transform: scale(1.06);
}
.gd-play::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 22px;
  border-left: 18px solid #03121d;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.gd-media-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.gd-media-thumb-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gd-media-thumb-copy {
  display: none;
}
.gd-related-grid::-webkit-scrollbar {
  display: none;
}
.gd-related-grid > * {
  scroll-snap-align: start;
}
.gd-related-prev {
  left: -18px;
}
.gd-related-next {
  right: -18px;
}
.gd-lightbox {
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.gd-lightbox-dialog {
  position: relative;
  z-index: 1;
  width: min(96vw, 1280px);
  display: grid;
  gap: 10px;
}
.gd-lightbox-frame img, .gd-lightbox-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
}
.gd-lightbox-close {
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 3;
  width: 42px;
  height: 42px;
  border: 1px solid var(--gd-border);
  border-radius: 50%;
  background: rgba(2,6,23,.9);
  color: var(--gd-text);
  cursor: pointer;
}
.gd-lightbox-nav {
  top: 50%;
  transform: translateY(-50%);
}
.gd-lightbox-caption {
  color: var(--gd-muted);
  text-align: center;
}
.gd-game-grid:not(.gd-related-grid) {
  gap: clamp(22px, 2.4vw, 34px);
  align-items: stretch;
}
.gd-card-media img, .gd-card-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center;
}
.gd-card-footer span::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--gd-accent-2);
  box-shadow: 0 0 14px rgba(94,234,212,.35);
}
.gd-related-carousel {
  position: relative;
  padding-inline: 2px;
}
.gd-related-grid {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: none;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  grid-auto-columns: clamp(280px, 25vw, 330px);
  gap: 24px;
  padding: 6px 2px 20px;
  scroll-padding-inline: 2px;
}
.gd-related-grid .gd-game-card {
  height: 100%;
}
.gd-related-nav[hidden] {
  display: none;
}
.gd-media-panel {
  overflow: visible;
}
.gd-media-slider {
  display: grid;
  gap: 18px;
}
.gd-media-stage-wrap {
  position: relative;
  border: 1px solid rgba(255,255,255,.10);
  overflow: hidden;
  border-radius: var(--gd-media-radius);
  background: radial-gradient(circle at 25% 10%, rgba(125,220,255,.12), transparent 22rem), #020617;
  border-color: rgba(148,163,184,.18);
  box-shadow: 0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06);
}
.gd-media-stage {
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
  min-height: 360px;
  max-height: 680px;
  touch-action: pan-y;
  user-select: none;
  background: #020617;
}
.gd-media-stage:active {
  cursor: grabbing;
}
.gd-media-backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gd-media-frame {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: clamp(8px, 1.2vw, 14px);
}
.gd-media-pill {
  position: absolute;
  z-index: 2;
  border-radius: 999px;
  color: var(--gd-text);
  font-size: 12px;
  font-weight: 900;
  top: 16px;
  left: 16px;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(2,6,23,.70);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.gd-media-status strong {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(125,220,255,.10);
  color: #a6ecff;
}
.gd-media-note {
  margin: 0;
  font-size: 13px;
  color: #aebbd0;
}
.gd-media-thumb-art {
  display: block;
  background: #020617;
  aspect-ratio: 16 / 9.4;
}
.gd-lightbox-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0,0,0,.86);
}
.gd-lightbox-frame {
  aspect-ratio: 16 / 9;
  border-radius: var(--gd-media-radius);
  overflow: hidden;
  background: #020617;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 34px 120px rgba(0,0,0,.62);
}
.gd-download-buttons a {
  width: 100%;
  min-height: 54px;
  white-space: normal;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: anywhere;
  padding: 15px 16px;
  justify-content: center;
  text-align: center;
  font-weight: 950;
  letter-spacing: -.01em;
}
.gd-download-buttons a * {
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
}
.gd-footer {
  margin-top: var(--gd-section-gap);
  padding: 40px 0;
  border-top: 1px solid rgba(148,163,184,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.022), rgba(0,0,0,.24));
  color: var(--gd-muted);
}
.gd-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: start;
}

.gd-footer-brand p {
  margin-bottom: 0;
}
.gd-footer-grid--no-brand {
  align-items: center;
}
.gd-footer-grid--no-brand .gd-footer-menu {
  justify-content: flex-start;
}
.gd-footer-grid--no-copy {
  grid-template-columns: minmax(0, 1fr);
}
.gd-footer-grid--no-copy .gd-footer-menu {
  justify-content: flex-end;
}
.gd-footer-grid--no-brand.gd-footer-grid--no-copy .gd-footer-menu {
  justify-content: center;
}
.gd-footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.gd-footer-menu a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid var(--gd-border);
  border-radius: 999px;
  color: var(--gd-muted);
}
.gd-footer-menu a:hover {
  color: var(--gd-text);
  border-color: rgba(125,220,255,.42);
}
.gd-footer-copy {
  margin-top: 14px;
  font-size: 13px;
}
.gd-footer-copy p {
  margin: 0;
}
.gd-footer-copy a, .gd-panel-copy a {
  color: var(--gd-accent);
  text-decoration: none;
  font-weight: 750;
}
.gd-footer-copy a:hover, .gd-panel-copy a:hover {
  color: var(--gd-accent-2);
  text-decoration: underline;
}
.gd-panel-copy {
  color: var(--gd-muted);
}
.gd-panel-copy p {
  margin: 0 0 12px;
}
.gd-panel-copy p:last-child {
  margin-bottom: 0;
}
.gd-single-steam .gd-app-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--gd-single-hero-bg-gradient, linear-gradient(180deg, rgba(5,8,18,.88), rgba(5,8,18,.72) 38%, rgba(5,8,18,.96)), radial-gradient(circle at 72% 18%, rgba(102,192,244,.22), transparent 24rem));
  pointer-events: none;
}
.gd-single-steam .gd-app-hero > .gd-shell {
  position: relative;
  z-index: 1;
}
.gd-app-capsule {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.08);
  background: #020617;
}
.gd-app-capsule img {
  width: 100%;
  aspect-ratio: 16 / 7.8;
  object-fit: cover;
}
.gd-app-tags {
  gap: 7px;
}
.gd-app-tags .gd-badge {
  min-height: 26px;
  padding: 5px 9px;
  border-color: rgba(102,192,244,.18);
  background: rgba(102,192,244,.11);
  color: #bfe8ff;
  font-size: 12px;
}
.gd-app-meta-list {
  display: grid;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.gd-app-meta-list .gd-meta-line {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #dbe7f4;
}
.gd-app-meta-list .gd-meta-line span {
  color: #7f8da5;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.gd-app-meta-list .gd-meta-line strong {
  min-width: 0;
  color: #c7d5e0;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.gd-app-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 2px;
}
.gd-single-steam .gd-media-slider {
  gap: 0;
}
.gd-single-steam .gd-media-stage-wrap {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #000;
}
.gd-single-steam .gd-media-nav {
  width: 54px;
  height: 54px;
  border-color: rgba(255,255,255,.16);
  background: rgba(0,0,0,.58);
}
.gd-single-steam .gd-media-prev {
  left: 14px;
}
.gd-single-steam .gd-media-next {
  right: 14px;
}
.gd-single-steam .gd-media-toolbar {
  border: 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(12,19,32,.98), rgba(8,13,23,.98));
  padding: 12px 14px;
}
.gd-single-steam .gd-media-rail {
  padding: 12px 14px 14px;
  background: rgba(5,9,16,.98);
}
.gd-single-steam .gd-media-thumbs-wrap {
  border-radius: 0;
  overflow: hidden;
}
.gd-single-steam .gd-media-thumbs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(126px, 160px);
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 6px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.gd-single-steam .gd-media-thumbs::-webkit-scrollbar {
  display: none;
}
.gd-single-steam .gd-media-thumb {
  border-radius: 6px;
  opacity: .62;
  background: rgba(255,255,255,.035);
  scroll-snap-align: start;
}
.gd-single-steam .gd-media-thumb.is-active {
  opacity: 1;
  border-color: #66c0f4;
  box-shadow: 0 0 0 2px rgba(102,192,244,.22);
}
.gd-single-steam .gd-media-backdrop {
  display: none;
}
.gd-play {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin: auto;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2));
  box-shadow: var(--gd-shadow);
  pointer-events: none;
}
.gd-game-tabs .gd-shell {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}
.gd-game-tabs .gd-shell::-webkit-scrollbar {
  display: none;
}
.gd-game-tabs a:hover {
  color: #fff;
  border-bottom-color: #66c0f4;
}
.gd-game-body {
  padding-top: clamp(30px, 4vw, 54px);
}
.gd-overview-panel, .gd-requirements-panel, .gd-install-panel, .gd-download-card {
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(14,25,42,.96), rgba(8,15,27,.98));
}
.gd-download-card {
  border-color: rgba(36,210,107,.28);
  position: sticky;
  top: calc(var(--gd-header-h) + 72px);
}

.gd-card-overlay {
  position: absolute;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-weight: 850;
  box-shadow: 0 8px 22px rgba(0,0,0,.24);
  z-index: 2;
  min-height: 34px;
  padding: 7px 12px;
  color: var(--gd-text);
  transform: translateY(7px);
  opacity: .82;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  left: 12px;
  bottom: 12px;
  background: rgba(8,13,23,.78);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 12px;
}
.gd-card-topline span {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  border-radius: 999px;
  font-weight: 950;
  line-height: 1;
  overflow-wrap: anywhere;
  min-height: 24px;
  padding: 5px 8px;
  background: transparent;
  border: 0;
  color: #66c0f4;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.gd-card-body p {
  display: -webkit-box;
  min-height: 4.7em;
  margin: 0;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #b8c6d9;
  font-size: 15px;
  line-height: 1.55;
}
.gd-related-grid-static, .gd-site-main .gd-related-grid-static {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: clamp(18px, 2vw, 26px);
  overflow: visible;
  padding: 0;
  scroll-snap-type: none;
}
.gd-related-grid-static > * {
  scroll-snap-align: unset;
}
.gd-related-grid-static .gd-game-card {
  min-height: 100%;
}
.gd-related-grid-static .gd-card-media {
  aspect-ratio: 16 / 8.5;
}
.gd-related-grid-static .gd-card-body p {
  min-height: 3.2em;
  -webkit-line-clamp: 2;
}
.gd-lightbox.is-open {
  display: flex;
}
.gd-lightbox-close, .gd-lightbox-nav {
  z-index: 4;
}
.gd-site-main .gd-related-grid, .gd-site-main .gd-related-grid-static {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  grid-auto-flow: row;
  grid-auto-columns: initial;
  gap: clamp(18px, 2vw, 26px);
  overflow: visible;
  scroll-snap-type: none;
}
.gd-site-main .gd-related-grid > * {
  scroll-snap-align: unset;
  width: auto;
  min-width: 0;
}
.gd-stat-grid div {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 13px 16px;
}
.gd-stat-grid strong, .gd-stat-grid span {
  min-width: 0;
}
.gd-stat-grid span {
  display: block;
  color: var(--gd-muted);
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.gd-category-cloud .gd-badge, .gd-category-cloud a {
  gap: 7px;
  padding-inline: 12px;
}
.gd-category-cloud .gd-badge span, .gd-category-cloud a span {
  display: inline-flex;
  color: var(--gd-accent);
  font-variant-numeric: tabular-nums;
  margin-left: 0;
  padding-left: 7px;
  border-left: 1px solid rgba(255,255,255,.13);
}
.gd-card-shade {
  display: none;
}
.gd-app-media-card, .gd-app-summary-panel {
  min-width: 0;
  border: 1px solid rgba(102,192,244,.18);
  border-color: rgba(102,192,244,.20);
  background: linear-gradient(180deg, rgba(22,36,54,.98), rgba(7,13,24,.99));
  box-shadow: 0 30px 100px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06);
}
.gd-app-media-card, .gd-app-summary-panel, .gd-overview-panel, .gd-requirements-panel, .gd-install-panel, .gd-download-card {
  border-radius: 12px;
}
.gd-app-actions .gd-btn {
  width: 100%;
  justify-content: center;
  min-height: 48px;
}
.gd-single-steam .gd-media-stage-wrap, .gd-media-stage-wrap {
  position: relative;
  background: #000;
}
.gd-media-slide {
  overflow: hidden;
  transform: scale(.992);
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  transition: opacity var(--gd-motion-panel, 260ms) var(--gd-ease-out, ease), transform var(--gd-motion-panel, 260ms) var(--gd-ease-out, ease), visibility 0s linear var(--gd-motion-panel, 260ms);
}
.gd-media-slide.is-active {
  transition-delay: 0s;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  .gd-media-slide,
  .gd-single-steam .gd-media-slide {
    transition: none !important;
    transform: none !important;
  }
}

.gd-video-stage iframe {
  position: relative;
  z-index: 8;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}
.gd-media-frame, .gd-media-frame img, .gd-media-image img, .gd-video-stage img {
  width: 100%;
  height: 100%;
}
.gd-media-nav {
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  z-index: 12;
  pointer-events: auto;
  border-color: rgba(255,255,255,.18);
  background: rgba(0,0,0,.62);
}
.gd-media-prev {
  left: 14px;
}
.gd-media-next {
  right: 14px;
}
.gd-media-rail {
  min-width: 0;
  padding: 12px 14px 14px;
  background: rgba(4,8,14,.98);
}
.gd-media-thumbs-wrap {
  overflow: hidden;
  border-radius: 0;
}
.gd-media-thumbs::-webkit-scrollbar {
  display: none;
}
.gd-related-store-grid, .gd-site-main .gd-related-store-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 26px);
  overflow: visible;
  padding: 0;
  scroll-snap-type: none;
}
.gd-related-store-grid .gd-card-badges {
  min-height: 29px;
}
.gd-related-store-grid .gd-card-footer {
  min-height: 42px;
}
.gd-panel, .gd-page-card, .gd-section-card, .gd-filter-card, .gd-archive-hero, .gd-page-header, .gd-post-hero, .gd-results-bar, .gd-filter-bar, .gd-stat-grid div, .gd-download-card, .gd-overview-panel, .gd-requirements-panel, .gd-install-panel, .gd-game-summary-card, .gd-app-summary-panel, .gd-nav, .gd-menu .sub-menu, .gd-media-toolbar, .gd-media-thumbs-wrap {
  border-radius: var(--gd-radius);
}
.gd-card-placeholder, .gd-card-image, .gd-card-media img {
  border-radius: inherit;
}
.gd-btn, button.gd-btn, .gd-header-cta, .gd-header-search button, .gd-menu-toggle, .gd-submenu-toggle, .gd-home-nav, .gd-media-nav, .gd-lightbox-nav, .gd-related-nav, .gd-home-dots button, .gd-card-cta, .gd-card-overlay, .gd-card-chip, .gd-card-topline span, .gd-card-badges .gd-badge, .gd-badge, .gd-kicker, .gd-card-footer a, .gd-download-buttons a, .gd-app-actions .gd-btn, .gd-media-actions .gd-btn, .gd-media-pill, .gd-lightbox-close {
  border-radius: var(--gd-button-radius);
}
.gd-home-slider, .gd-featured-hero, .gd-home-slide {
  border-radius: var(--gd-hero-radius);
}
.gd-media-stage-wrap, .gd-single-steam .gd-media-stage-wrap, .gd-app-media-card, .gd-single-steam .gd-app-media-card, .gd-media-stage, .gd-single-steam .gd-media-stage {
  overflow: hidden;
}
.gd-brand-mark, .gd-summary-poster, .gd-app-capsule {
  border-radius: var(--gd-radius-sm);
}
.gd-panel, .gd-page-card, .gd-section-card, .gd-filter-card, .gd-download-card, .gd-overview-panel, .gd-requirements-panel, .gd-install-panel, .gd-game-summary-card, .gd-app-summary-panel, .gd-app-media-card, .gd-game-card, .gd-post-card {
  background: linear-gradient(180deg, var(--gd-card), var(--gd-card-2));
}
.gd-media-prev, .gd-home-prev, .gd-lightbox-prev {
  left: 14px;
}
.gd-media-next, .gd-home-next, .gd-lightbox-next {
  right: 14px;
}
:root {
  --gd-bg: #050814;
  --gd-bg-2: #081121;
  --gd-bg-3: #0c172b;
  --gd-surface: #101b32;
  --gd-surface-2: #14223c;
  --gd-card: rgba(13, 24, 44, .92);
  --gd-card-2: rgba(8, 15, 29, .96);
  --gd-text: #f8fbff;
  --gd-muted: #aebbd0;
  --gd-muted-2: #7f8da5;
  --gd-accent: #7ddcff;
  --gd-accent-2: #5eead4;
  --gd-green: #24d26b;
  --gd-green-2: #82f0aa;
  --gd-download: var(--gd-green);
  --gd-download-2: var(--gd-green-2);
  --gd-shell: 1240px;
  --gd-radius: 20px;
  --gd-button-radius: 14px;
  --gd-hero-radius: 28px;
  --gd-input-radius: 14px;
  --gd-border: rgba(148, 163, 184, .18);
  --gd-border-strong: rgba(148, 163, 184, .32);
  --gd-shadow: 0 28px 80px rgba(0, 0, 0, .42);
  --gd-shadow-soft: 0 16px 48px rgba(0, 0, 0, .28);
  --gd-section-gap: 58px;
  --gd-card-hover-zoom: 1.05;
  --gd-card-image-ratio: 16 / 9;
  --gd-card-image-fit: cover;
  --gd-heading-scale: 1;
  --gd-hero-title-max: 68px;
  --gd-section-title-max: 42px;
  --gd-archive-title-max: 58px;
  --gd-single-title-max: 58px;
  --gd-card-title-size: 18px;
  --gd-header-h: 70px;
  --gd-header-logo-h: 46px;
  --gd-header-mark-size: 46px;
  --gd-header-gap: 18px;
  --gd-header-nav-font: 15px;
  --gd-header-bg-alpha: .88;
  --gd-header-blur: 18px;
  --gd-header-border-alpha: .16;
  --gd-header-search-w: 250px;
  --gd-card-shadow: 0 18px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055);
  --gd-panel-shadow: var(--gd-shadow-soft);
  --gd-media-shadow: var(--gd-shadow);
  --gd-header-shadow-value: 0 16px 48px rgba(0,0,0,.28);
  --gd-home-dots-side-offset: 24px;
  --gd-home-dots-vertical-offset: 26px;
  --gd-card-min: 292px;
  --gd-card-radius: 18px;
  --gd-media-radius: 10px;
  --gd-steam-blue: #66c0f4;
  --gd-steam-panel: rgba(20, 31, 45, .94);
  --gd-steam-panel-2: rgba(11, 18, 30, .98);
  --gd-pro-hairline: var(--gd-border);
  --gd-pro-hairline-strong: var(--gd-border-strong);
}
.gd-dead-link, a[aria-disabled="true"] {
  cursor: default;
}
.gd-dead-link:hover, a[aria-disabled="true"]:hover {
  text-decoration: none;
}
.gd-menu a.gd-dead-link:hover, .gd-menu a[aria-disabled="true"]:hover {
  color: var(--gd-text);
}
.gd-panel, .gd-page-card, .gd-section-card, .gd-filter-card, .gd-archive-hero, .gd-page-header, .gd-post-hero, .gd-results-bar, .gd-filter-bar, .gd-stat-grid div, .gd-download-card, .gd-overview-panel, .gd-requirements-panel, .gd-install-panel, .gd-game-summary-card, .gd-app-summary-panel, .gd-nav, .gd-menu .sub-menu, .gd-media-toolbar, .gd-media-thumbs-wrap, .gd-lightbox-dialog {
  border-radius: var(--gd-radius);
  border-color: var(--gd-pro-hairline);
}
.gd-game-card, .gd-post-card, .gd-related-store-grid .gd-game-card, .gd-related-grid-static .gd-game-card {
  border-radius: var(--gd-card-radius);
  border-color: var(--gd-pro-hairline);
}
.gd-game-card .gd-card-media, .gd-post-card .gd-card-media, .gd-related-store-grid .gd-card-media, .gd-related-grid-static .gd-card-media {
  overflow: hidden;
  border-radius: var(--gd-card-radius) var(--gd-card-radius) 0 0;
}
.gd-btn, button.gd-btn, .gd-header-cta, .gd-header-search button, .gd-menu-toggle, .gd-submenu-toggle, .gd-home-nav, .gd-media-nav, .gd-lightbox-nav, .gd-related-nav, .gd-card-cta, .gd-card-overlay, .gd-card-chip, .gd-card-topline span, .gd-card-badges .gd-badge, .gd-badge, .gd-kicker, .gd-card-footer a, .gd-download-buttons a, .gd-app-actions .gd-btn, .gd-media-actions .gd-btn, .gd-media-pill, .gd-lightbox-close, .gd-home-dots, .gd-home-dots button, .page-numbers, .gd-footer-menu a {
  border-radius: var(--gd-button-radius);
}
input, select, textarea, .gd-header-search, .gd-search-form input[type="search"], .gd-filter-bar input, .gd-filter-bar select, .gd-filter-bar button, .gd-hero-search, .gd-hero-search input, .gd-hero-search button {
  border-radius: var(--gd-input-radius);
  border-color: var(--gd-pro-hairline);
}
.gd-home-slides, .gd-home-slider, .gd-featured-hero, .gd-home-slide {
  border-radius: var(--gd-hero-radius);
}
.gd-app-media-card, .gd-single-steam .gd-app-media-card, .gd-media-slider, .gd-media-stage-wrap, .gd-single-steam .gd-media-stage-wrap, .gd-media-stage, .gd-single-steam .gd-media-stage, .gd-lightbox-frame, .gd-media-image, .gd-video-stage, .gd-media-thumb, .gd-single-steam .gd-media-thumb {
  border-radius: var(--gd-media-radius);
  border-color: var(--gd-pro-hairline);
}
.gd-app-media-card, .gd-single-steam .gd-app-media-card, .gd-media-stage-wrap, .gd-single-steam .gd-media-stage-wrap, .gd-media-stage, .gd-single-steam .gd-media-stage {
  overflow: hidden;
}
.gd-panel, .gd-page-card, .gd-section-card, .gd-filter-card, .gd-download-card, .gd-overview-panel, .gd-requirements-panel, .gd-install-panel, .gd-game-summary-card, .gd-app-summary-panel, .gd-app-media-card, .gd-game-card, .gd-post-card, .gd-menu .sub-menu {
  background: linear-gradient(180deg, var(--gd-card), var(--gd-card-2));
}
.gd-header {
  position: relative;
  z-index: 10000;
  min-height: var(--gd-header-h);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, var(--gd-header-border-alpha));
  background: rgba(4, 8, 18, var(--gd-header-bg-alpha));
  backdrop-filter: blur(var(--gd-header-blur));
  -webkit-backdrop-filter: blur(var(--gd-header-blur));
  box-shadow: 0 10px 34px rgba(0,0,0,.18);
  border-bottom-color: rgba(148,163,184,var(--gd-header-border-alpha));
}
.gd-menu a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #c4cee0;
  font-size: var(--gd-header-nav-font);
  font-weight: 800;
  border: 1px solid transparent;
}
.gd-menu a:hover, .gd-menu .current-menu-item > a, .gd-menu .current-menu-ancestor > a {
  color: var(--gd-text);
  background: rgba(255,255,255,.075);
  border-color: var(--gd-pro-hairline);
}
.gd-header-search {
  width: var(--gd-header-search-w);
  max-width: 30vw;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px;
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-input-radius);
  background: rgba(255,255,255,.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.gd-game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--gd-card-min)), 1fr));
  gap: clamp(18px, 2.2vw, 28px);
  width: 100%;
  align-items: stretch;
}
.gd-game-card {
  border-radius: 16px;
  border-color: rgba(102, 192, 244, .18);
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  background: radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--gd-accent) 12%, transparent), transparent 34%), linear-gradient(180deg, var(--gd-card), var(--gd-card-2));
  box-shadow: var(--gd-card-shadow, 0 18px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055));
}
.gd-game-card::before, .gd-game-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.gd-game-card::before {
  content: "";
  position: absolute;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(125,220,255,.28), transparent 28%, transparent 72%, rgba(94,234,212,.13));
  opacity: 0;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gd-accent) 34%, transparent);
}
.gd-game-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  left: 12%;
  right: 12%;
  bottom: -18%;
  height: 38%;
  z-index: 0;
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--gd-accent) 20%, transparent), transparent 70%);
  filter: blur(20px);
}

.gd-card-image, .gd-card-media img, .gd-card-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.gd-card-cta, .gd-card-overlay {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 3;
  min-height: 34px;
  max-width: calc(100% - 28px);
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(3,8,18,.74);
  color: #f8fbff;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 14px 34px rgba(0,0,0,.36);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity: .90;
  transform: translateY(5px);
}
.gd-card-cta, .gd-card-topline {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
  color: #66c0f4;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 26px;
}
.gd-card-chip, .gd-card-topline span {
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--gd-accent) 18%, transparent);
  background: color-mix(in srgb, var(--gd-accent) 10%, transparent);
  color: color-mix(in srgb, var(--gd-accent) 82%, #fff 18%);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .07em;
  line-height: 1;
  text-transform: uppercase;
}
.gd-card-size {
  color: var(--gd-muted);
  background: rgba(255,255,255,.045);
}
.gd-card-title a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.gd-card-excerpt, .gd-card-body p {
  display: -webkit-box;
  min-height: 4.55em;
  margin: 0;
  color: var(--gd-muted);
  font-size: 14.5px;
  line-height: 1.52;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.gd-card-badges {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 29px;
  margin-top: auto;
}
.gd-card-badges .gd-badge {
  border-radius: 999px;
  border-color: rgba(102,192,244,.16);
  min-height: 26px;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--gd-accent) 16%, transparent);
  background: color-mix(in srgb, var(--gd-accent) 7%, transparent);
  color: color-mix(in srgb, var(--gd-text) 86%, var(--gd-accent) 14%);
  font-size: 12px;
}
.gd-card-footer span {
  overflow-wrap: anywhere;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 750;
  min-width: 0;
  overflow: hidden;
  color: var(--gd-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gd-card-footer a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  line-height: 1;
  min-height: 32px;
  padding: 6px 10px;
  background: rgba(255,255,255,.055);
  color: var(--gd-text);
  font-weight: 950;
}
.gd-card-footer a:hover {
  color: var(--gd-accent);
  background: color-mix(in srgb, var(--gd-accent) 14%, transparent);
}
.gd-card-footer a::after {
  content: "»";
  font-weight: 950;
}
.gd-related-section {
  overflow: visible;
}
.gd-related-store-grid, .gd-site-main .gd-related-store-grid, .gd-related-grid-static, .gd-site-main .gd-related-grid-static {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px,2vw,28px);
  overflow: visible;
  padding: 0;
  scroll-snap-type: none;
}
.gd-related-store-grid > *, .gd-related-grid-static > * {
  min-width: 0;
  width: auto;
  scroll-snap-align: unset;
}
.gd-related-store-grid .gd-game-card--related {
  height: 100%;
}
.gd-related-store-grid .gd-card-media {
  aspect-ratio: 16 / 8.8;
}
.gd-related-store-grid .gd-card-title {
  min-height: 2.2em;
  font-size: clamp(17px,1.05vw,19px);
}
.gd-related-store-grid .gd-card-excerpt, .gd-related-store-grid .gd-card-body p {
  min-height: 3.05em;
  -webkit-line-clamp: 2;
}
.gd-related-nav {
  top: 42%;
  opacity: .94;
  display: none;
}
.gd-single-steam .gd-app-hero {
  position: relative;
  padding: clamp(30px, 5vw, 70px) 0 clamp(28px, 4vw, 54px);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  padding-top: clamp(22px,3.6vw,46px);
  padding-bottom: clamp(30px,4.8vw,64px);
}
.gd-app-titlebar {
  margin-bottom: clamp(15px,2vw,22px);
}
.gd-app-titlebar h1 {
  margin: 0;
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
  max-width: 1180px;
  font-size: clamp(34px,4.4vw,calc(var(--gd-single-title-max) * var(--gd-heading-scale)));
}
.gd-app-top {
  display: grid;
  grid-template-columns: minmax(0, 860px) minmax(300px, 360px);
  gap: clamp(18px,2.4vw,34px);
  justify-content: center;
  align-items: start;
}
.gd-app-media-card {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: min(100%, var(--gd-media-max, 860px));
  justify-self: end;
  border: 1px solid var(--gd-pro-hairline);
  box-shadow: 0 30px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.055);
}
.gd-app-summary-panel {
  display: grid;
  border-radius: 10px;
  gap: 14px;
  padding: 16px;
  width: 100%;
  max-width: 360px;
  justify-self: start;
  border: 1px solid var(--gd-pro-hairline);
  box-shadow: 0 24px 72px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.055);
}
.gd-app-capsule img, .gd-summary-poster-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.gd-app-short {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: color-mix(in srgb, var(--gd-text) 78%, var(--gd-muted) 22%);
}
.gd-game-tabs {
  position: sticky;
  top: var(--gd-header-h);
  z-index: 30;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.08);
  border-block-color: var(--gd-pro-hairline);
  background: rgba(4,8,18,.86);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.gd-game-tabs a {
  flex: 0 0 auto;
  padding: 0 14px;
  border-bottom: 2px solid transparent;
  color: #c7d5e0;
  font-weight: 800;
  white-space: nowrap;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
}
.gd-media-slider, .gd-media-stage-wrap, .gd-media-stage {
  position: relative;
}
.gd-single-steam .gd-media-stage, .gd-media-stage {
  position: relative;
  overflow: hidden;
  background: #000;
  min-height: clamp(280px,32vw,470px);
  aspect-ratio: 16 / 9;
}
.gd-video-stage, .gd-media-image {
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  color: var(--gd-text);
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}
.gd-media-frame, .gd-media-frame img, .gd-media-image img, .gd-video-stage img, .gd-video-stage iframe {
  width: 100%;
  height: 100%;
}
.gd-media-frame img, .gd-media-image img, .gd-video-stage img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: var(--gd-media-fit, contain);
  background: #000;
}
.gd-media-nav, .gd-home-nav, .gd-lightbox-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gd-text);
}
.gd-media-stage .gd-media-nav {
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  border-color: rgba(255,255,255,.20);
  background: rgba(0,0,0,.62);
}
.gd-media-stage .gd-media-prev {
  left: 14px;
  right: auto;
}
.gd-media-stage .gd-media-next {
  right: 14px;
  left: auto;
}
.gd-media-nav::before, .gd-home-nav::before, .gd-lightbox-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.gd-media-prev::before, .gd-home-prev::before, .gd-lightbox-prev::before {
  transform: rotate(-135deg);
}
.gd-media-next::before, .gd-home-next::before, .gd-lightbox-next::before {
  transform: rotate(45deg);
}
.gd-media-toolbar {
  color: var(--gd-muted);
  border: 1px solid rgba(148,163,184,.14);
  padding: 12px 14px;
  border-radius: 0;
  border-width: 1px 0 0;
  border-color: rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(12,19,32,.98), rgba(7,12,21,.99));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.gd-media-status {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.gd-media-status span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gd-media-thumb:hover {
  opacity: .9;
}
.gd-video-stage.is-playing .gd-media-backdrop, .gd-video-stage.is-playing .gd-media-frame, .gd-video-stage.is-playing .gd-media-pill, .gd-video-stage.is-playing .gd-play {
  display: none;
}
.gd-lightbox-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.gd-lightbox-close::before {
  font-weight: 950;
  content: "x";
}
.gd-filter-head strong {
  display: block;
  margin-top: 4px;
  color: var(--gd-text);
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.12;
  letter-spacing: -.03em;
}
.gd-filter-clear {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid color-mix(in srgb, var(--gd-accent) 24%, var(--gd-pro-hairline));
  border-radius: var(--gd-button-radius);
  background: color-mix(in srgb, var(--gd-accent) 8%, transparent);
  color: var(--gd-text);
  font-size: 13px;
  font-weight: 900;
}
.gd-filter-clear:hover {
  border-color: color-mix(in srgb, var(--gd-accent) 55%, transparent);}
.gd-filter-field, .gd-filter-search {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.gd-filter-pro label > span, .gd-filter-pro .gd-filter-search > span {
  color: color-mix(in srgb, var(--gd-muted) 86%, var(--gd-accent));
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.gd-filter-pro select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.gd-filter-pro input:hover, .gd-filter-pro select:hover {
  border-color: color-mix(in srgb, var(--gd-accent) 28%, var(--gd-pro-hairline));
}
.gd-filter-pro input:focus, .gd-filter-pro select:focus {
  border-color: color-mix(in srgb, var(--gd-accent) 68%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--gd-accent) 13%, transparent), inset 0 1px 0 rgba(255,255,255,.045);
}
.gd-filter-pro .gd-filter-actions button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform: translateX(-120%);
}
.gd-filter-pro .gd-filter-actions button span {
  position: relative;
  z-index: 1;
}
.gd-single-steam .gd-media-slide, .gd-single-steam .gd-video-stage, .gd-single-steam .gd-media-image {
  align-items: center;
  justify-items: center;
}
.gd-single-steam .gd-video-stage .gd-media-frame, .gd-single-steam .gd-media-image .gd-media-frame {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  margin-inline: auto;
}
.gd-single-steam .gd-video-stage .gd-media-frame img, .gd-single-steam .gd-media-image .gd-media-frame img, .gd-single-steam .gd-video-stage img, .gd-single-steam .gd-media-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  object-position: center center;
}
.gd-single-steam .gd-media-backdrop img {
  object-position: center center;
}
.gd-media-slide[data-type="video"] .gd-video-stage, .gd-media-slide[data-type="video"] .gd-media-frame {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}
.gd-media-slide[data-type="video"] .gd-media-frame img, .gd-media-slide[data-type="video"] .gd-video-stage > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  margin: auto;
}
.gd-filter-pro::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(125,220,255,.10), transparent 38%, rgba(110,255,177,.045));
  opacity: .75;
}
.gd-filter-pro > * {
  position: relative;
  z-index: 1;
}
.gd-filter-head em {
  display: block;
  margin-top: 7px;
  color: var(--gd-muted);
  font-size: 13px;
  font-style: normal;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}
.gd-filter-pro .gd-filter-search {
  grid-column: auto;
}
.gd-filter-pro .gd-filter-field:not(.gd-filter-search) {
  grid-column: auto;
}
.gd-filter-pro select option {
  background: #07111f;
  color: #eef7ff;
}
.gd-filter-pro .gd-filter-actions button, .gd-filter-pro .gd-filter-actions a {
  width: 100%;
  border-radius: var(--gd-button-radius);
  white-space: nowrap;
  min-height: 50px;
}
.gd-filter-pro .gd-filter-actions a {
  background: color-mix(in srgb, var(--gd-bg) 62%, transparent);
  color: var(--gd-muted);
  opacity: .82;
}
.gd-filter-pro .gd-filter-actions a:hover {
  opacity: 1;
}
.gd-results-bar {
  padding: 12px 16px;
  border-radius: var(--gd-radius);
  border: 1px solid var(--gd-pro-hairline);
  background: color-mix(in srgb, var(--gd-surface) calc(var(--gd-surface-opacity) - 12%), transparent);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 18px;
}
.gd-video-stage .gd-media-frame, .gd-video-stage .gd-media-backdrop {
  background: #000;
}
.gd-video-stage .gd-media-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center center;
}
.gd-video-stage .gd-media-backdrop img {
  object-position: center center;
}
.gd-media-slide[data-type="video"] .gd-media-frame, .gd-media-slide[data-type="video"] .gd-media-thumb-art {
  background: #000;
}
.gd-media-slide[data-type="video"] .gd-media-frame img, .gd-media-slide[data-type="video"] .gd-video-stage > img, .gd-single-steam .gd-video-stage .gd-media-frame img, .gd-video-stage img[data-gd-youtube-poster="1"] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #000;
}
.gd-media-slide[data-type="video"] .gd-media-backdrop img {
  object-fit: cover;
  object-position: center center;
}
.gd-filter-pro {
  --gd-filter-gap: clamp(10px, 1.1vw, 14px);
  gap: var(--gd-filter-gap);
  border-color: color-mix(in srgb, var(--gd-accent) 18%, var(--gd-pro-hairline));
  background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--gd-accent) 13%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--gd-surface) calc(var(--gd-surface-opacity) + 8%), transparent), color-mix(in srgb, var(--gd-bg-2) calc(var(--gd-surface-opacity) + 10%), transparent));
  box-shadow: 0 22px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
  position: relative;
  padding: clamp(18px, 2.4vw, 28px);
  grid-template-columns: minmax(230px, 1.35fr) repeat(4, minmax(145px, .75fr)) minmax(170px, .65fr);
  align-items: end;
  border-radius: var(--gd-radius);
  overflow: hidden;
}
.gd-filter-pro input, .gd-filter-pro select {
  border-radius: var(--gd-input-radius);
  border-color: color-mix(in srgb, var(--gd-pro-hairline) 90%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  font-weight: 750;
  background-color: color-mix(in srgb, var(--gd-bg) 86%, transparent);
  min-height: 50px;
  width: 100%;
}
.gd-filter-pro .gd-filter-field select:disabled, .gd-filter-pro .gd-filter-field input:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.gd-filter-pro .gd-filter-actions button {
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--gd-accent) 18%, transparent);
  cursor: pointer;
}
.gd-filter-pro .gd-filter-actions button:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.gd-filter-pro .gd-filter-head em {
  max-width: 760px;
}
.gd-media-slide[data-type="video"] .gd-video-stage {
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #000;
}
.gd-media-slide[data-type="video"] .gd-media-frame {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}
.gd-media-slide[data-type="video"] .gd-media-frame img[data-gd-youtube-poster="1"], .gd-single-steam .gd-video-stage .gd-media-frame img[data-gd-youtube-poster="1"] {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  margin: 0 auto;
  background: #000;
}
.gd-media-slide[data-type="video"] .gd-media-backdrop img[data-gd-youtube-poster="1"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.gd-media-thumb img[data-gd-youtube-poster="1"] {
  width: 100%;
  height: 100%;
  background: #000;
  object-fit: cover;
  object-position: 50% 50%;
}
.gd-hero-copy .gd-hero-title {
  margin: 0;
  color: var(--gd-text);
  line-height: .96;
}
.gd-single-steam .gd-video-stage, .gd-single-steam .gd-media-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-width: 0;
}
.gd-single-steam .gd-media-frame {
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.gd-single-steam .gd-media-frame img, .gd-single-steam .gd-media-image img, .gd-single-steam .gd-video-stage img {
  background: #000;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: var(--gd-media-fit, contain);
  object-position: center center;
}
.gd-single-steam .gd-media-slide[data-type="video"] .gd-media-frame img, .gd-single-steam .gd-media-slide[data-type="video"] .gd-video-stage img {
  object-fit: contain;
  object-position: center center;
}
.gd-category-cloud a:nth-child(6n/**/+1), .gd-category-cloud .gd-badge:nth-child(6n/**/+1) {
  --gd-cat-accent: #38bdf8;
}
.gd-category-cloud a:nth-child(6n/**/+2), .gd-category-cloud .gd-badge:nth-child(6n/**/+2) {
  --gd-cat-accent: #a78bfa;
}
.gd-category-cloud a:nth-child(6n/**/+3), .gd-category-cloud .gd-badge:nth-child(6n/**/+3) {
  --gd-cat-accent: #22c55e;
}
.gd-category-cloud a:nth-child(6n/**/+4), .gd-category-cloud .gd-badge:nth-child(6n/**/+4) {
  --gd-cat-accent: #f59e0b;
}
.gd-category-cloud a:nth-child(6n/**/+5), .gd-category-cloud .gd-badge:nth-child(6n/**/+5) {
  --gd-cat-accent: #fb7185;
}
.gd-category-cloud a:nth-child(6n/**/+6), .gd-category-cloud .gd-badge:nth-child(6n/**/+6) {
  --gd-cat-accent: #60a5fa;
}
.gd-category-cloud a span, .gd-category-cloud .gd-badge span {
  color: color-mix(in srgb, var(--gd-cat-accent) 86%, #fff);
  border-left-color: color-mix(in srgb, var(--gd-cat-accent) 32%, rgba(255,255,255,.13));
}
.gd-category-cloud a:hover, .gd-category-cloud .gd-badge:hover {
  border-color: color-mix(in srgb, var(--gd-cat-accent) 62%, var(--gd-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--gd-cat-accent) 26%, transparent), color-mix(in srgb, var(--gd-surface-solid) 72%, transparent));
}
.gd-main-column {
  min-width: 0;
  display: grid;
  gap: clamp(20px, 2.2vw, 30px);
}
.gd-panel, .gd-download-card, .gd-app-summary-panel, .gd-app-media-card, .gd-filter-bar, .gd-game-card, .gd-post-card {
  min-width: 0;
}
.gd-game-card::after, .gd-post-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.045), transparent 32%, rgba(0,0,0,.18));
  opacity: .88;
}
.gd-game-card > *, .gd-post-card > * {
  position: relative;
  z-index: 1;
}
.gd-card-media {
  border-width: 0;
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  margin: 0;
  aspect-ratio: 16 / 9;
  border: 0;
  overflow: hidden;
  background: linear-gradient(135deg, color-mix(in srgb, var(--gd-bg-3) 82%, #000), color-mix(in srgb, var(--gd-bg) 88%, #000));
  background-clip: padding-box;
}
.gd-card-media img {
  backface-visibility: hidden;
}
.gd-card-title {
  margin: 0;
  min-height: 2.25em;
  font-size: clamp(var(--gd-card-title-size),1.15vw,22px);
  line-height: 1.18;
  letter-spacing: -.025em;
}
.gd-filter-bar {
  margin: 24px 0 30px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(140px, .8fr)) auto;
  gap: 12px;
  align-items: end;
}
.gd-filter-head {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--gd-pro-hairline) 82%, transparent);
  align-self: center;
}
.gd-filter-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-self: end;
}
.gd-text-link, .gd-btn, .gd-header-cta, .gd-filter-actions button, .gd-filter-actions a {
  min-height: 42px;
}
.gd-category-cloud {
  padding: clamp(16px, 2.2vw, 24px);
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-card-radius);
  box-shadow: var(--gd-shadow-soft);
  background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--gd-accent) 10%, transparent), transparent 17rem), linear-gradient(180deg, color-mix(in srgb, var(--gd-surface-solid) 84%, transparent), color-mix(in srgb, #020617 58%, transparent));
  gap: clamp(8px, 1.1vw, 12px);
}
.gd-category-cloud a, .gd-category-cloud .gd-badge {
  --gd-cat-accent: var(--gd-accent);
  border-color: color-mix(in srgb, var(--gd-cat-accent) 38%, var(--gd-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--gd-cat-accent) 18%, transparent), color-mix(in srgb, var(--gd-surface-solid) 72%, transparent));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.16);
  min-height: 40px;
}
.gd-single-steam .gd-media-slider, .gd-single-steam .gd-media-stage-wrap, .gd-single-steam .gd-media-stage, .gd-single-steam .gd-media-toolbar, .gd-single-steam .gd-media-rail, .gd-single-steam .gd-media-thumbs-wrap {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  max-width: 100%;
}
.gd-single-steam .gd-media-stage {
  background: #000;
  aspect-ratio: 16 / 9;
  min-height: 0;
  max-height: none;
}
.gd-single-steam .gd-media-slide[data-type="video"] .gd-media-frame img, .gd-single-steam .gd-video-stage .gd-media-frame img, .gd-single-steam .gd-video-stage > img {
  object-fit: contain;
  object-position: center center;
}
.gd-media-thumbs {
  overscroll-behavior-x: contain;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  padding: 2px 2px 6px;
  grid-auto-columns: minmax(112px, 148px);
  scrollbar-width: thin;
  scroll-padding-inline: 10px;
}
.gd-media-thumb {
  border: 1px solid var(--gd-border);
  color: var(--gd-text);
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  min-width: 0;
  border-radius: 6px;
  background: rgba(255,255,255,.045);
  scroll-snap-align: start;
  opacity: .68;
  min-height: 72px;
}
.gd-media-thumb[data-type="video"], .gd-media-thumb--video {
  min-width: clamp(132px, 13vw, 172px);
}
.gd-media-thumb.is-active {
  opacity: 1;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gd-accent) 22%, transparent);
  border-color: color-mix(in srgb, var(--gd-accent) 72%, var(--gd-border));
}
.gd-media-toolbar--compact {
  padding: 12px 14px;
}
.gd-media-toolbar--counter {
  justify-content: flex-start;
  padding: 10px 12px;
}
html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--gd-header-h) + 28px);
  overflow-x: clip;
}
body {
  margin: 0;
  color: var(--gd-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.62;
  background: radial-gradient(circle at 8% -10%, rgba(125, 220, 255, .18), transparent 34rem), radial-gradient(circle at 90% 0%, rgba(94, 234, 212, .13), transparent 34rem), linear-gradient(180deg, var(--gd-bg), var(--gd-bg-2) 48%, #040814 100%);
  overflow-x: hidden;
  min-width: 320px;
}
img, svg, video, iframe {
  max-width: 100%;
}
.gd-shell, .gd-header-inner, .gd-app-top, .gd-app-media-card, .gd-media-slider, .gd-media-stage-wrap, .gd-media-stage, .gd-media-slide, .gd-game-card, .gd-post-card, .gd-panel, .gd-filter-pro, .gd-filter-bar, .gd-app-summary-panel, .gd-download-card, .gd-related-store-grid, .gd-game-grid {
  min-width: 0;
}
.gd-site-main {
  min-height: 65vh;
  overflow-x: clip;
}
.gd-card-title, .gd-card-excerpt, .gd-app-titlebar h1, .gd-section-head h2, .gd-archive-title, .gd-download-card, .gd-install-panel, .gd-requirements-panel {
  overflow-wrap: anywhere;
}
.gd-download-buttons a, .gd-download-buttons button, .gd-btn, .gd-header-cta {
  min-width: 0;
  overflow-wrap: anywhere;
}
.gd-install-panel ol, .gd-install-panel ul, .gd-page-card ol, .gd-page-card ul {
  padding-left: 1.25em;
}
.gd-single-steam .gd-app-top {
  grid-template-columns: minmax(0, min(100%, var(--gd-media-max, 860px))) minmax(300px, 360px);
  justify-content: center;
  gap: clamp(18px, 2.3vw, 30px);
  align-items: start;
}
.gd-single-steam .gd-app-media-card {
  width: min(100%, var(--gd-media-max, 860px));
  max-width: min(100%, var(--gd-media-max, 860px));
  min-width: 0;
  margin-inline: auto;
  justify-self: center;
}
.gd-single-steam .gd-media-stage-wrap, .gd-single-steam .gd-media-stage {
  max-width: 100%;
}
.gd-single-steam .gd-media-slide {
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}
.gd-single-steam .gd-media-frame, .gd-single-steam .gd-video-stage, .gd-single-steam .gd-media-image {
  display: grid;
  place-items: center;
}
.gd-single-steam .gd-media-slide[data-type="video"] .gd-media-frame img, .gd-single-steam .gd-video-stage .gd-media-frame img, .gd-single-steam .gd-video-stage img[data-gd-youtube-poster="1"] {
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: contain;
}
.gd-app-summary-panel .gd-app-meta-list {
  min-width: 0;
}
.gd-app-summary-panel .gd-meta-line {
  min-width: 0;
}
.gd-app-summary-panel .gd-meta-line strong, .gd-app-summary-panel .gd-meta-line span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.gd-game-card, .gd-post-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  transform: translateZ(0);
  isolation: isolate;
}
.gd-card-body {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: clamp(15px,1.6vw,20px);
  min-width: 0;
}
.gd-card-badges, .gd-badges {
  min-width: 0;
}
.gd-card-footer {
  border-top-color: rgba(255,255,255,.09);
  color: #d2d9e7;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 44px;
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.075);
  min-width: 0;
}
.gd-card-footer span, .gd-card-footer a {
  min-width: 0;
}
.gd-related-store-grid .gd-game-card {
  height: 100%;
}
.gd-filter-pro input, .gd-filter-pro select, .gd-filter-pro button, .gd-filter-pro .gd-filter-actions a {
  font: inherit;
}
.gd-filter-pro select:disabled, .gd-filter-pro input:disabled {
  cursor: not-allowed;
}
.gd-filter-pro .gd-filter-actions {
  grid-column: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-self: end;
}
@media (max-width: 900px) {
.gd-game-grid:not(.gd-related-grid) {
  gap: 20px;
}
.gd-card-title {
  min-height: 0;
}
.gd-card-body p {
  min-height: 0;
}
.gd-media-stage {
  min-height: auto;
  aspect-ratio: 16 / 9;
}
.gd-media-frame {
  padding: 6px;
}
.gd-related-grid {
  grid-auto-columns: minmax(82%, 1fr);
}
}
@media (max-width: 600px) {
.gd-card-footer {
  font-size: 13px;
}
.gd-media-nav {
  width: 42px;
  height: 42px;
}
.gd-media-prev {
  left: 8px;
}
.gd-media-next {
  right: 8px;
}
.gd-media-toolbar {
  align-items: stretch;
}
.gd-media-thumbs {
  grid-auto-columns: minmax(108px, 132px);
}
.admin-bar .gd-header {
  top: 0;
}
.admin-bar .gd-nav {
  top: var(--gd-mobile-header-h);
  max-height: calc(100dvh - var(--gd-mobile-header-h) - 20px);
}
.gd-store-hero {
  padding-top: 22px;
}
.gd-home-slide {
  min-height: 440px;
}
.gd-hero-copy h1, .gd-hero-copy .gd-hero-title {
  max-width: min(20ch, 100%);
  font-size: min(clamp(31px, 11vw, 46px), calc(var(--gd-hero-title-max) * var(--gd-heading-scale)));
}
.gd-hero-actions {
  display: grid;
}
.gd-hero-actions .gd-btn {
  width: 100%;
}
.gd-stat-grid, .gd-game-grid, .gd-requirements-grid {
  grid-template-columns: 1fr;
}
.gd-card-media {
  aspect-ratio: 16 / 9;
  margin: 8px 8px 0;
}
.gd-card-body {
  padding: 16px;
}
.gd-archive-hero, .gd-page-header, .gd-post-hero {
  padding: 26px;
}
.gd-game-hero {
  min-height: 380px;
}
.gd-game-content {
  padding-top: 26px;
}
.gd-panel, .gd-download-card {
  padding: 20px;
}
.gd-lightbox {
  padding: 10px;
}
.gd-game-card .gd-card-media {
  margin: 0;
  border-radius: var(--gd-card-radius) var(--gd-card-radius) 0 0;
}
.gd-media-stage {
  min-height: auto;
  aspect-ratio: 16 / 10;
}
}
@media (max-width: 1180px) {
.gd-filter-bar {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gd-game-hero-grid, .gd-game-layout {
  grid-template-columns: minmax(0, 1fr) 320px;
}
.gd-filter-pro .gd-filter-field:not(.gd-filter-search) {
  grid-column: span 3;
}
.gd-filter-pro {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gd-filter-pro .gd-filter-head {
  grid-column: 1 / -1;
}
.gd-filter-pro .gd-filter-search {
  grid-column: span 2;
}
.gd-filter-pro .gd-filter-actions {
  grid-column: span 1;
}
:root {
  --gd-shell: 1080px;
  --gd-section-gap: 48px;
  --gd-card-min: 246px;
}
.gd-section-head, .gd-media-head, .gd-results-bar {
  align-items: flex-start;
  gap: 16px;
}
.gd-shell {
  width: min(100% - 32px, var(--gd-shell));
}
.gd-side-column, .gd-download-card {
  position: static;
  top: auto;
}
.gd-related-store-grid, .gd-site-main .gd-related-store-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gd-single-steam .gd-app-media-card {
  width: min(100%, var(--gd-media-max));
}
.gd-side-column {
  position: static;
}
}
@media (max-width: 960px) {
.gd-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gd-game-hero-grid, .gd-game-layout, .gd-storefront-panels {
  grid-template-columns: 1fr;
}
.gd-side-column {
  position: static;
}
.gd-game-summary-card {
  max-width: 420px;
}
}
@media (max-width: 880px) {
:root {
  --gd-mobile-header-h: 68px;
}
.admin-bar .gd-header {
  top: 46px;
}
.gd-shell {
  width: min(100% - 24px, var(--gd-shell));
}
.gd-brand {
  max-width: calc(100% - 58px);
}
.gd-custom-logo {
  max-height: min(44px, var(--gd-header-logo-h));
}
.gd-brand-mark {
  width: 44px;
  height: 44px;
}
.gd-menu-toggle {
  display: inline-flex;
}
.admin-bar .gd-nav {
  top: calc(var(--gd-mobile-header-h) + 46px);
  max-height: calc(100dvh - var(--gd-mobile-header-h) - 66px);
}
.gd-nav.is-open {
  display: flex;
}
.gd-menu {
  display: grid;
  gap: 6px;
  width: 100%;
}
.gd-menu li {
  width: 100%;
}
.gd-menu a {
  width: 100%;
  min-height: 44px;
  border-radius: 12px;
}
.gd-menu .sub-menu {
  position: static;
  display: none;
  min-width: 0;
  visibility: visible;
  opacity: 1;
  transform: none;
  box-shadow: none;
  margin: 6px 0 8px 12px;
  padding: 6px;
  background: rgba(255,255,255,.04);
  border-radius: 12px;
}
.gd-menu li.is-submenu-open > .sub-menu {
  display: grid;
}
.is-submenu-open > .gd-submenu-toggle::before {
  transform: rotate(-135deg);
}
.gd-header-search {
  width: 100%;
  max-width: none;
}
.gd-section {
  padding-block: 44px;
}
.gd-home-slide {
  min-height: 500px;
  padding: 30px 22px 76px;
}
.gd-hero-copy {
  max-width: 100%;
}
.gd-home-nav {
  width: 40px;
  height: 40px;
}
.gd-home-prev {
  left: 10px;
}
.gd-home-next {
  right: 10px;
}
.gd-home-dots {
  left: 16px;
  right: 16px;
  bottom: 18px;
  justify-content: center;
}
.gd-home-dots button {
  width: 24px;
}
.gd-hero-search {
  margin-top: -24px;
  flex-direction: column;
}
.gd-hero-search button {
  width: 100%;
}
.gd-game-tabs {
  position: sticky;
  top: var(--gd-mobile-header-h);
}
.admin-bar .gd-game-tabs {
  top: calc(var(--gd-mobile-header-h) + 46px);
}
.gd-media-toolbar {
  flex-direction: column;
  align-items: stretch;
}
.gd-media-actions {
  justify-content: flex-start;
}
.gd-related-grid {
  grid-auto-columns: minmax(82%, 1fr);
}
.gd-related-prev {
  left: 4px;
}
.gd-related-next {
  right: 4px;
}
.gd-footer-grid {
  grid-template-columns: 1fr;
}
.gd-footer-menu {
  justify-content: flex-start;
}
.gd-site-main .gd-related-grid, .gd-site-main .gd-related-grid-static {
  grid-template-columns: 1fr;
}
.gd-filter-pro .gd-filter-head, .gd-filter-pro .gd-filter-search, .gd-filter-pro .gd-filter-field:not(.gd-filter-search), .gd-filter-pro .gd-filter-actions {
  grid-column: auto;
}
.gd-filter-pro .gd-filter-search {
  grid-column: 1 / -1;
}
.gd-brand-text {
  font-size: 17px;
  max-width: 44vw;
}
.gd-nav {
  position: fixed;
  z-index: 99999;
  top: var(--gd-mobile-header-h);
  left: 12px;
  right: 12px;
  display: none;
  width: auto;
  max-width: none;
  max-height: calc(100dvh - var(--gd-mobile-header-h) - 20px);
  margin: 0;
  padding: 14px;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  overflow: auto;
  border: 1px solid var(--gd-border);
  box-shadow: var(--gd-shadow);
  border-radius: var(--gd-radius);
  background: color-mix(in srgb, var(--gd-bg) 94%, #000);
}
.gd-section-head, .gd-media-head, .gd-results-bar {
  flex-direction: column;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
.gd-section-head .gd-text-link, .gd-media-head .gd-text-link, .gd-results-bar .gd-text-link {
  justify-self: start;
}
.gd-filter-bar {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gd-filter-head, .gd-filter-search, .gd-filter-actions {
  grid-column: 1 / -1;
}
.gd-menu li.has-submenu-toggle, .gd-menu li.menu-item-has-children, .gd-menu li.page_item_has_children {
  position: relative;
}
.gd-submenu-toggle {
  align-items: center;
  justify-content: center;
  display: inline-grid;
  place-items: center;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 0;
  line-height: 1;
  color: var(--gd-text);
  border: 1px solid color-mix(in srgb, var(--gd-border) 82%, transparent);
  border-radius: calc(var(--gd-input-radius) - 4px);
  background: color-mix(in srgb, var(--gd-surface) 72%, transparent);
  box-shadow: none;
}
.gd-submenu-toggle::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border: 0;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
}
.gd-submenu-toggle::after {
  content: none;
  display: none;
}
.gd-menu li.is-submenu-open > .gd-submenu-toggle::before, .is-submenu-open > .gd-submenu-toggle::before {
  margin-top: 3px;
  transform: rotate(225deg);
}
.gd-header {
  min-height: var(--gd-mobile-header-h);
}
.gd-header-inner {
  gap: 10px;
  min-height: var(--gd-mobile-header-h);
}
.gd-nav.gd-menu-panel {
  max-height: calc(100dvh - var(--gd-mobile-header-h));
  overflow: auto;
  overscroll-behavior: contain;
}
.gd-nav.gd-menu-panel .gd-header-search, .gd-nav.gd-menu-panel .gd-header-cta {
  width: 100%;
}
.gd-filter-pro {
  grid-template-columns: 1fr 1fr;
}
.gd-filter-pro .gd-filter-head, .gd-filter-pro .gd-filter-search, .gd-filter-pro .gd-filter-actions {
  grid-column: 1 / -1;
}
.gd-filter-pro .gd-filter-actions {
  grid-column: 1 / -1;
  grid-template-columns: 1fr 1fr;
}
.gd-single-steam .gd-app-titlebar {
  margin-bottom: 16px;
}
.gd-single-steam .gd-app-titlebar h1 {
  line-height: .98;
}
.gd-single-steam .gd-app-summary-panel {
  width: 100%;
}
.gd-single-steam .gd-media-toolbar {
  align-items: center;
}
}
@media (max-width: 1080px) {
.gd-app-short, .gd-app-tags, .gd-app-meta-list, .gd-app-actions {
  grid-column: 2;
}
.gd-single-steam .gd-media-stage {
  min-height: 360px;
}
.gd-related-store-grid, .gd-site-main .gd-related-store-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gd-app-media-card, .gd-app-top .gd-app-summary-panel {
  max-width: 100%;
  justify-self: stretch;
}
.gd-related-store-grid, .gd-site-main .gd-related-store-grid, .gd-related-grid-static, .gd-site-main .gd-related-grid-static {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gd-app-media-card {
  max-width: 100%;
  justify-self: stretch;
}
.gd-app-top .gd-app-summary-panel {
  order: -1;
  max-width: 100%;
  justify-self: stretch;
  display: grid;
  grid-template-columns: minmax(160px,240px) minmax(0,1fr);
  gap: 16px;
  align-items: start;
}
.gd-app-top .gd-app-summary-panel .gd-app-short, .gd-app-top .gd-app-summary-panel .gd-app-tags, .gd-app-top .gd-app-summary-panel .gd-app-meta-list, .gd-app-top .gd-app-summary-panel .gd-app-actions {
  grid-column: 2;
}
.gd-app-capsule {
  grid-column: 1;
  grid-row: 1 / span 4;
}
.gd-app-summary-panel .gd-app-capsule, .gd-single-steam .gd-app-summary-panel .gd-app-capsule {
  grid-column: 1 / -1;
  grid-row: auto;
  width: 100%;
  max-width: none;
  aspect-ratio: 16 / 9;
  border-radius: var(--gd-card-radius);
  overflow: hidden;
  background: #020617;
}
.gd-app-summary-panel .gd-app-capsule img, .gd-single-steam .gd-app-summary-panel .gd-app-capsule img, .gd-app-summary-panel .gd-summary-poster-img, .gd-single-steam .gd-app-summary-panel .gd-summary-poster-img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
}
.gd-app-summary-panel .gd-app-short, .gd-app-summary-panel .gd-app-tags, .gd-app-summary-panel .gd-app-meta-list, .gd-app-summary-panel .gd-app-actions, .gd-single-steam .gd-app-summary-panel .gd-app-short, .gd-single-steam .gd-app-summary-panel .gd-app-tags, .gd-single-steam .gd-app-summary-panel .gd-app-meta-list, .gd-single-steam .gd-app-summary-panel .gd-app-actions {
  grid-column: 1 / -1;
  min-width: 0;
}
.gd-app-summary-panel .gd-app-short, .gd-single-steam .gd-app-summary-panel .gd-app-short {
  -webkit-line-clamp: 3;
  font-size: clamp(13.5px, 1.9vw, 15px);
  line-height: 1.5;
}
.gd-app-summary-panel .gd-app-tags, .gd-single-steam .gd-app-summary-panel .gd-app-tags {
  max-height: none;
  overflow: visible;
}
.gd-app-summary-panel .gd-app-meta-list, .gd-single-steam .gd-app-summary-panel .gd-app-meta-list {
  gap: 0;
  padding-top: 4px;
}
.gd-app-summary-panel .gd-app-meta-list .gd-meta-line, .gd-single-steam .gd-app-summary-panel .gd-app-meta-list .gd-meta-line {
  grid-template-columns: minmax(92px, .35fr) minmax(0, 1fr);
  gap: 12px;
}
.gd-app-summary-panel .gd-app-meta-list .gd-meta-line span, .gd-single-steam .gd-app-summary-panel .gd-app-meta-list .gd-meta-line span {
  font-size: 11px;
}
.gd-app-summary-panel .gd-app-meta-list .gd-meta-line strong, .gd-single-steam .gd-app-summary-panel .gd-app-meta-list .gd-meta-line strong {
  font-size: 13px;
  overflow-wrap: anywhere;
}
.gd-app-summary-panel .gd-app-actions, .gd-single-steam .gd-app-summary-panel .gd-app-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.gd-single-steam .gd-app-media-card {
  justify-self: center;
  width: min(100%, var(--gd-media-max, 980px));
  max-width: min(100%, var(--gd-media-max, 980px));
}
.gd-app-top .gd-app-summary-panel {
  order: -1;
  max-width: 760px;
  margin-inline: auto;
}
.gd-single-steam .gd-app-media-card, .gd-app-media-card {
  justify-self: center;
  width: 100%;
  max-width: min(100%, var(--gd-media-max, 980px));
}
}
@media (max-width: 760px) {
.gd-app-short, .gd-app-tags, .gd-app-meta-list, .gd-app-actions {
  grid-column: auto;
}
.gd-app-actions {
  grid-template-columns: 1fr;
}
.gd-single-steam .gd-media-thumbs {
  grid-auto-columns: minmax(112px, 136px);
}
.gd-related-grid-static, .gd-site-main .gd-related-grid-static {
  grid-template-columns: 1fr;
}
.gd-stat-grid div {
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
.gd-related-store-grid, .gd-site-main .gd-related-store-grid {
  grid-template-columns: 1fr;
}
.gd-app-top .gd-app-summary-panel {
  order: -1;
  grid-template-columns: 1fr;
}
.gd-app-top .gd-app-summary-panel .gd-app-short, .gd-app-top .gd-app-summary-panel .gd-app-tags, .gd-app-top .gd-app-summary-panel .gd-app-meta-list, .gd-app-top .gd-app-summary-panel .gd-app-actions, .gd-app-top .gd-app-capsule {
  grid-column: auto;
  grid-row: auto;
}
.gd-app-capsule {
  grid-row: auto;
  max-width: none;
  width: 100%;
  justify-self: stretch;
}
.gd-media-stage .gd-media-prev {
  left: 8px;
}
.gd-media-stage .gd-media-next {
  right: 8px;
}
.gd-single-steam .gd-app-summary-panel {
  width: 100%;
  justify-self: stretch;
}
.gd-app-top .gd-app-capsule {
  width: 100%;
  max-width: none;
  justify-self: stretch;
}
.gd-app-top .gd-app-capsule img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.gd-filter-pro .gd-filter-head, .gd-filter-pro .gd-filter-search, .gd-filter-pro .gd-filter-actions {
  grid-column: 1 / -1;
}
.gd-single-steam .gd-app-hero {
  padding-top: 16px;
  padding-bottom: 30px;
}
.gd-app-titlebar .gd-kicker {
  margin-bottom: 8px;
}
.gd-app-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.gd-app-summary-panel .gd-app-short, .gd-app-summary-panel .gd-app-tags, .gd-app-summary-panel .gd-app-meta-list {
  grid-column: 2;
  min-width: 0;
}
.gd-app-summary-panel .gd-app-tags .gd-badge {
  min-height: 22px;
  padding: 4px 7px;
  font-size: 11px;
  line-height: 1;
}
.gd-media-slide[data-type="video"] .gd-media-frame img[data-gd-youtube-poster="1"], .gd-single-steam .gd-video-stage .gd-media-frame img[data-gd-youtube-poster="1"] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.gd-media-stage .gd-media-nav, .gd-media-nav {
  width: 38px;
  height: 38px;
  min-width: 38px;
  top: 50%;
}
.gd-media-stage .gd-media-prev, .gd-media-prev {
  left: 8px;
}
.gd-media-stage .gd-media-next, .gd-media-next {
  right: 8px;
}
.gd-media-status strong {
  flex: 0 0 auto;
}
.gd-media-thumbs {
  grid-auto-columns: minmax(86px, 108px);
  gap: 8px;
  padding-bottom: 3px;
}
html, body, .gd-site-main {
  max-width: 100%;
  overflow-x: hidden;
}
.gd-section + .gd-section {
  padding-top: calc(var(--gd-section-gap) * .75);
}
.gd-header-inner {
  min-height: var(--gd-mobile-header-h);
  gap: 10px;
}
.gd-brand {
  min-width: 0;
  max-width: calc(100% - 58px);
}
.gd-brand-text {
  max-width: min(56vw, 220px);
  font-size: 17px;
}
.gd-menu-toggle {
  display: inline-flex;
}
.gd-menu-panel {
  position: fixed;
  z-index: 9999;
  top: var(--gd-mobile-header-h);
  left: 11px;
  right: 11px;
  display: none;
  max-height: calc(100dvh - var(--gd-mobile-header-h) - 18px);
  overflow-y: auto;
  overscroll-behavior: contain;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-card-radius);
  background: rgba(5, 10, 22, .98);
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
body.gd-menu-open .gd-menu-panel {
  display: flex;
}
.admin-bar .gd-menu-panel {
  top: calc(var(--gd-mobile-header-h) + 46px);
  max-height: calc(100dvh - var(--gd-mobile-header-h) - 64px);
}
.gd-menu {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  width: 100%;
}
.gd-menu li {
  width: 100%;
}
.gd-menu a {
  width: 100%;
  justify-content: space-between;
  min-height: 46px;
  padding: 11px 13px;
  border-radius: var(--gd-input-radius);
  background: rgba(255,255,255,.045);
}
.gd-menu .sub-menu, .gd-menu .sub-menu .sub-menu {
  position: static;
  display: none;
  min-width: 0;
  width: 100%;
  margin-top: 6px;
  padding: 6px;
  border-radius: var(--gd-input-radius);
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: none;
  background: rgba(255,255,255,.045);
}
.gd-menu li.is-submenu-open > .sub-menu {
  display: grid;
  gap: 4px;
}
.gd-submenu-toggle {
  display: inline-grid;
  place-items: center;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--gd-border);
  border-radius: calc(var(--gd-input-radius) - 4px);
  background: rgba(255,255,255,.06);
  color: var(--gd-text);
}
.gd-submenu-toggle::before {
  content: "+";
  font-weight: 950;
  line-height: 1;
}
.is-submenu-open > .gd-submenu-toggle::before {
  content: "-";
}
.gd-header-search, .gd-header-cta {
  width: 100%;
  max-width: none;
}
.gd-header-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}
.gd-home-slider {
  filter: none;
}
.gd-home-slides {
  border-radius: var(--gd-hero-radius);
}
.gd-featured-hero, .gd-home-slide {
  min-height: clamp(410px, 118vw, 540px);
  padding: clamp(22px, 7vw, 34px);
  align-items: end;
  background-position: center center;
}
.gd-featured-hero::before {
  background: linear-gradient(180deg, rgba(2,6,23,.24), rgba(2,6,23,.86) 58%, rgba(2,6,23,.96)), linear-gradient(90deg, rgba(2,6,23,.78), rgba(2,6,23,.38));
}
.gd-hero-copy h1, .gd-hero-copy .gd-hero-title {
  max-width: min(20ch, 100%);
  font-size: min(clamp(32px, 12vw, 46px), calc(var(--gd-hero-title-max) * var(--gd-heading-scale)));
  letter-spacing: -.055em;
}
.gd-hero-copy p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 15px;
}
.gd-hero-badges {
  gap: 6px;
}
.gd-hero-microstats {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 14px;
}
.gd-hero-microstats span {
  min-width: 0;
  padding: 0;
}
.gd-hero-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}
.gd-hero-actions .gd-btn {
  width: 100%;
}
.gd-home-nav {
  width: 40px;
  height: 40px;
}
.gd-home-prev {
  left: 8px;
}
.gd-home-next {
  right: 8px;
}
.gd-home-dots {
  left: 50%;
  right: auto;
  bottom: 10px;
  transform: translateX(-50%);
  max-width: calc(100% - 28px);
}
.gd-home-dots button {
  width: 22px;
}
.gd-hero-search {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-radius: var(--gd-input-radius);
}
.gd-hero-search input, .gd-hero-search button {
  min-height: 48px;
  width: 100%;
}
.gd-section-head, .gd-media-head, .gd-results-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin-bottom: 18px;
}
.gd-section-head h2, .gd-media-head h2 {
  font-size: clamp(25px, 8vw, 34px);
}
.gd-section-head p, .gd-media-head p {
  font-size: 14px;
}
.gd-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.gd-stat-grid > div {
  min-height: 78px;
  padding: 14px;
}
.gd-stat-grid strong {
  font-size: clamp(22px, 8vw, 30px);
}
.gd-stat-grid span {
  font-size: 12px;
}
.gd-badge, .gd-meta-line a, .gd-category-cloud a {
  min-height: 31px;
  padding: 6px 9px;
  font-size: 11.5px;
}
.gd-filter-pro, .gd-filter-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 11px;
  padding: 14px;
  border-radius: var(--gd-card-radius);
}
.gd-filter-head, .gd-filter-search, .gd-filter-actions, .gd-filter-field, .gd-filter-year, .gd-filter-sort {
  grid-column: 1 / -1;
}
.gd-filter-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.gd-filter-head strong {
  font-size: 18px;
  line-height: 1.15;
}
.gd-filter-head em {
  font-size: 12.5px;
  line-height: 1.45;
}
.gd-filter-clear {
  justify-self: start;
}
.gd-filter-bar input, .gd-filter-bar select {
  min-height: 48px;
  width: 100%;
  font-size: 16px;
}
.gd-filter-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.gd-filter-actions button, .gd-filter-actions a {
  width: 100%;
  min-height: 48px;
}
.gd-game-grid, .gd-site-main .gd-game-grid:not(.gd-related-grid), .gd-related-store-grid, .gd-site-main .gd-related-store-grid, .gd-related-grid-static, .gd-site-main .gd-related-grid-static {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.gd-card-media, .gd-related-store-grid .gd-card-media {
  aspect-ratio: 16 / 9;
  margin: 0;
  border-radius: var(--gd-card-radius) var(--gd-card-radius) 0 0;
}
.gd-card-body {
  padding: 15px;
  gap: 9px;
}
.gd-card-title {
  min-height: 0;
  font-size: clamp(17px, 5vw, 20px);
}
.gd-card-excerpt, .gd-card-body p {
  min-height: 0;
  -webkit-line-clamp: 2;
  font-size: 13.5px;
}
.gd-card-topline {
  gap: 6px;
}
.gd-card-chip, .gd-card-topline span {
  font-size: 11px;
  padding: 5px 8px;
}
.gd-card-badges {
  gap: 5px;
}
.gd-archive-hero, .gd-page-header, .gd-post-hero, .gd-page-card, .gd-panel, .gd-empty-state {
  padding: 20px;
  border-radius: var(--gd-card-radius);
}
.gd-archive-hero h1, .gd-page-header h1, .gd-post-hero h1 {
  font-size: clamp(30px, 10vw, 42px);
}
.gd-archive-desc {
  font-size: 14px;
}
.gd-page-content, .gd-content {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.gd-content table, .gd-page-content table {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.gd-content pre, .gd-page-content pre {
  max-width: 100%;
  overflow-x: auto;
}
.gd-content iframe, .gd-page-content iframe {
  max-width: 100%;
}
.gd-app-hero {
  padding-top: 16px;
}
.gd-app-titlebar {
  margin-bottom: 12px;
}
.gd-app-summary-panel, .gd-single-steam .gd-app-summary-panel {
  border-radius: var(--gd-radius);
  order: -1;
  display: grid;
  grid-template-columns: minmax(90px, 30vw) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  width: 100%;
  max-width: none;
  padding: 12px;
}
.gd-app-summary-panel .gd-app-capsule, .gd-single-steam .gd-app-summary-panel .gd-app-capsule {
  justify-self: stretch;
  align-self: start;
  border-radius: var(--gd-radius-sm);
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 100%;
  max-width: 126px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.gd-app-summary-panel .gd-app-capsule img, .gd-single-steam .gd-app-summary-panel .gd-app-capsule img {
  display: block;
  aspect-ratio: 16 / 10;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.gd-app-summary-panel .gd-app-short, .gd-app-summary-panel .gd-app-tags, .gd-app-summary-panel .gd-app-meta-list, .gd-app-summary-panel .gd-app-actions {
  grid-column: 2;
  min-width: 0;
}
.gd-app-summary-panel .gd-app-short {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 13.5px;
  line-height: 1.42;
}
.gd-app-summary-panel .gd-app-tags {
  gap: 5px;
  max-height: 58px;
  overflow: hidden;
}
.gd-app-summary-panel .gd-app-meta-list {
  gap: 6px;
  padding-top: 6px;
}
.gd-app-summary-panel .gd-app-meta-list .gd-meta-line {
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 8px;
}
.gd-app-summary-panel .gd-app-meta-list .gd-meta-line span {
  font-size: 10px;
}
.gd-app-summary-panel .gd-app-meta-list .gd-meta-line strong {
  font-size: 12px;
  overflow-wrap: anywhere;
}
.gd-app-summary-panel .gd-app-actions {
  grid-column: 1 / -1;
  margin-top: 2px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.gd-app-summary-panel .gd-app-actions .gd-btn {
  width: 100%;
  min-height: 42px;
  padding: 9px 10px;
  font-size: 12px;
}
.gd-app-media-card, .gd-single-steam .gd-app-media-card {
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border-radius: var(--gd-media-radius);
}
.gd-media-slider, .gd-single-steam .gd-media-slider {
  max-width: 100%;
  gap: 0;
}
.gd-media-stage-wrap {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.gd-media-stage, .gd-single-steam .gd-media-stage {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 0;
  max-height: min(62vw, 360px);
}
.gd-media-slide, .gd-single-steam .gd-media-slide {
  min-width: 0;
}
.gd-media-slide[data-type="video"] .gd-media-frame, .gd-media-slide[data-type="video"] .gd-video-stage {
  display: grid;
  place-items: center;
}
.gd-media-slide[data-type="video"] .gd-media-frame img[data-gd-youtube-poster="1"], .gd-media-slide[data-type="video"] .gd-video-stage > img[data-gd-youtube-poster="1"], .gd-media-thumb img[data-gd-youtube-poster="1"] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #000;
}
.gd-media-prev {
  left: 8px;
}
.gd-media-next {
  right: 8px;
}
.gd-media-status {
  justify-content: flex-start;
  min-width: 0;
  gap: 7px;
}
.gd-media-status [data-gd-label] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gd-media-rail {
  padding: 9px 10px 10px;
}
.gd-media-thumbs, .gd-single-steam .gd-media-thumbs {
  display: flex;
  align-items: stretch;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding: 3px 2px 8px;
}
.gd-media-thumb, .gd-single-steam .gd-media-thumb {
  flex: 0 0 92px;
  min-width: 92px;
  max-width: 92px;
  scroll-snap-align: start;
  border-radius: var(--gd-radius-sm, 12px);
}
.gd-media-thumb--video, .gd-media-thumb[data-type="video"] {
  flex-basis: 126px;
  min-width: 126px;
  max-width: 126px;
}
.gd-media-thumb--video.is-active, .gd-media-thumb[data-type="video"].is-active {
  flex-basis: 142px;
  min-width: 142px;
  max-width: 142px;
}
.gd-media-thumb-art {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.gd-media-thumb-copy {
  display: none;
}
.gd-download-card, .gd-side-column, .gd-main-column {
  min-width: 0;
}
.gd-download-buttons, .gd-download-buttons p, .gd-download-buttons div {
  max-width: 100%;
}
.gd-download-buttons a, .gd-download-buttons button, .gd-download-card .gd-btn, .gd-download-card .gd-text-link {
  width: 100%;
  justify-content: center;
  overflow-wrap: anywhere;
  text-align: center;
}
.gd-download-assurance {
  grid-template-columns: minmax(0, 1fr);
}
.gd-related-section .gd-section-head .gd-text-link {
  justify-self: start;
}
.gd-related-store-grid .gd-card-title, .gd-related-store-grid .gd-card-excerpt, .gd-related-store-grid .gd-card-body p, .gd-related-store-grid .gd-card-badges, .gd-related-store-grid .gd-card-footer {
  min-height: 0;
}
.gd-footer-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
.gd-footer-menu {
  justify-content: flex-start;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.gd-footer-menu a {
  justify-content: center;
  width: 100%;
  text-align: center;
}
.gd-single-steam .gd-app-media-card {
  width: 100%;
  max-width: 100%;
  justify-self: stretch;
}
:root {
  --gd-section-gap: 34px;
  --gd-header-h: 64px;
  --gd-header-logo-h: 38px;
  --gd-header-mark-size: 38px;
  --gd-card-min: 100%;
  --gd-mobile-header-h: 64px;
}
.gd-shell {
  width: min(100% - 22px, var(--gd-shell));
}
.gd-store-hero {
  padding: 18px 0 18px;
  padding-top: 18px;
}
.gd-home-slide, .gd-featured-hero {
  min-height: clamp(410px, 118vw, 540px);
  padding: clamp(20px, 6vw, 28px);
}
.gd-hero-copy {
  max-width: 100%;
}
.gd-hero-actions, .gd-filter-actions, .gd-app-actions, .gd-download-assurance {
  grid-template-columns: minmax(0, 1fr);
}
.gd-hero-actions .gd-btn, .gd-filter-actions .gd-btn, .gd-filter-actions button, .gd-filter-actions a, .gd-app-actions .gd-btn, .gd-download-card .gd-text-link {
  width: 100%;
  justify-content: center;
}
.gd-filter-bar, .gd-filter-pro {
  grid-template-columns: minmax(0, 1fr);
  gap: 13px;
}
.gd-filter-field, .gd-filter-pro .gd-filter-field, .gd-filter-pro .gd-filter-field:not(.gd-filter-search) {
  grid-column: 1 / -1;
}
.gd-stat-grid, .gd-game-grid, .gd-related-store-grid, .gd-site-main .gd-related-store-grid, .gd-requirements-grid {
  grid-template-columns: minmax(0, 1fr);
}
.gd-game-card, .gd-post-card {
  min-width: 0;
  max-width: 520px;
  margin-inline: auto;
  width: 100%;
}
.gd-app-titlebar h1 {
  letter-spacing: -.045em;
  line-height: 1.03;
  max-width: 100%;
  font-size: clamp(31px, 10vw, 44px);
}
.gd-app-top .gd-app-summary-panel {
  max-width: 100%;
  padding: clamp(10px, 3.5vw, 14px);
}
.gd-single-steam .gd-media-stage, .gd-media-stage {
  width: 100%;
  min-height: 0;
  aspect-ratio: 16 / 9;
  max-height: none;
}
.gd-media-actions {
  justify-content: flex-start;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.gd-media-actions .gd-btn {
  min-height: 38px;
  padding: 8px 10px;
  font-size: 11.5px;
  width: 100%;
}
.gd-media-thumb {
  border-radius: var(--gd-radius-sm);
  flex-basis: 92px;
  min-width: 92px;
  max-width: 92px;
}
.gd-media-thumb.is-active {
  flex-basis: 110px;
  min-width: 110px;
  max-width: 110px;
}
.gd-media-thumb[data-type="video"], .gd-media-thumb--video {
  flex-basis: 132px;
  min-width: 132px;
  max-width: 132px;
}
.gd-media-thumb[data-type="video"].is-active, .gd-media-thumb--video.is-active {
  flex-basis: 148px;
  min-width: 148px;
  max-width: 148px;
}
.gd-game-tabs {
  top: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.gd-game-tabs::-webkit-scrollbar {
  display: none;
}
.gd-game-tabs .gd-shell {
  gap: 6px;
  width: 100%;
  padding-inline: 11px;
}
.gd-game-tabs a {
  min-height: 42px;
  padding: 12px 9px;
  font-size: 12px;
  white-space: nowrap;
  flex: 0 0 auto;
}
.gd-media-toolbar .gd-media-actions .gd-btn {
  min-height: 42px;
  padding-inline: 12px;
}
.gd-section {
  padding-block: clamp(24px, 8vw, 42px);
}
.gd-section-head {
  display: grid;
  grid-template-columns: 1fr;
}
.gd-section-head .gd-text-link {
  justify-self: start;
}
.gd-stats-row {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.gd-category-cloud {
  padding: 14px;
  gap: 8px;
}
.gd-category-cloud a, .gd-category-cloud .gd-badge {
  flex: 1 1 auto;
  justify-content: center;
  min-width: min(100%, 124px);
}
.gd-game-grid:not(.gd-related-grid), .gd-related-store-grid {
  grid-template-columns: 1fr;
  gap: 18px;
}
.gd-card-media {
  aspect-ratio: var(--gd-card-image-ratio);
}
.gd-card-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 0;
  gap: 10px;
}
.gd-filter-pro {
  grid-template-columns: 1fr;
  padding: clamp(15px, 5vw, 22px);
}
.gd-filter-pro .gd-filter-field, .gd-filter-pro .gd-filter-search, .gd-filter-pro .gd-filter-actions {
  grid-column: 1 / -1;
}
.gd-filter-pro .gd-filter-actions {
  grid-template-columns: 1fr;
}
.gd-app-summary-panel .gd-app-capsule {
  width: 100%;
}
.gd-single-steam .gd-media-stage {
  aspect-ratio: 16 / 9;
  min-height: 0;
}
.gd-media-toolbar {
  flex-direction: column;
  align-items: center;
  display: grid;
  padding: 10px 12px;
  gap: 10px;
  grid-template-columns: 1fr auto;
}
.gd-media-nav {
  width: 38px;
  height: 38px;
  top: 50%;
  opacity: 1;
  pointer-events: auto;
}
.gd-media-thumbs-wrap {
  max-width: 100%;
}
.gd-download-card {
  position: relative;
  top: auto;
  width: 100%;
}
}
@media (min-width: 1280px) {
.gd-related-store-grid, .gd-site-main .gd-related-store-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gd-related-store-grid, .gd-site-main .gd-related-store-grid, .gd-related-grid-static, .gd-site-main .gd-related-grid-static {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (hover: hover) and (pointer: fine) {
.gd-home-slider:hover .gd-home-nav, .gd-home-slider:focus-within .gd-home-nav, .gd-featured-hero:hover .gd-home-nav, .gd-featured-hero:focus-within .gd-home-nav, .gd-media-slider:hover .gd-media-nav, .gd-media-slider:focus-within .gd-media-nav, .gd-media-stage-wrap:hover .gd-media-nav, .gd-media-stage-wrap:focus-within .gd-media-nav, .gd-lightbox:hover .gd-lightbox-nav, .gd-lightbox:focus-within .gd-lightbox-nav {
  opacity: .96;
  visibility: visible;
  pointer-events: auto;
}
.gd-home-nav, .gd-media-nav, .gd-lightbox-nav {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.gd-home-slider:hover .gd-home-nav, .gd-home-slider:focus-within .gd-home-nav, .gd-media-slider:hover .gd-media-nav, .gd-media-slider:focus-within .gd-media-nav, .gd-media-stage-wrap:hover .gd-media-nav, .gd-media-stage-wrap:focus-within .gd-media-nav, .gd-lightbox:hover .gd-lightbox-nav, .gd-lightbox:focus-within .gd-lightbox-nav {
  opacity: .96;
  visibility: visible;
  pointer-events: auto;
}
}
@media (hover: none), (pointer: coarse) {
.gd-home-nav, .gd-media-nav, .gd-lightbox-nav {
  opacity: .86;
  visibility: visible;
  pointer-events: auto;
}
}
@media (max-width: 680px) {
.gd-related-store-grid, .gd-site-main .gd-related-store-grid, .gd-related-grid-static, .gd-site-main .gd-related-grid-static {
  grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.gd-filter-pro {
  grid-template-columns: 1fr;
  padding: 14px;
  margin: 18px 0 24px;
}
.gd-filter-pro .gd-filter-head {
  align-items: flex-start;
  flex-direction: column;
}
.gd-filter-pro .gd-filter-head, .gd-filter-pro .gd-filter-search, .gd-filter-pro .gd-filter-field, .gd-filter-pro .gd-filter-actions {
  grid-column: 1 / -1;
}
.gd-filter-pro .gd-filter-actions {
  grid-template-columns: 1fr;
}
.gd-filter-pro input, .gd-filter-pro select, .gd-filter-pro .gd-filter-actions button, .gd-filter-pro .gd-filter-actions a {
  min-height: 46px;
}
.gd-app-summary-panel, .gd-single-steam .gd-app-summary-panel {
  padding: 10px;
}
.gd-app-summary-panel .gd-app-meta-list .gd-meta-line, .gd-single-steam .gd-app-summary-panel .gd-app-meta-list .gd-meta-line {
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 9px;
}
.gd-app-summary-panel .gd-app-actions, .gd-single-steam .gd-app-summary-panel .gd-app-actions {
  grid-template-columns: minmax(0, 1fr);
}
.gd-shell {
  width: min(100% - 18px, var(--gd-shell));
}
.gd-brand {
  min-width: 0;
}
.gd-brand-text {
  max-width: 48vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gd-home-slide, .gd-featured-hero {
  padding: clamp(24px, 7vw, 34px);
}
.gd-hero-actions, .gd-app-actions, .gd-download-buttons {
  grid-template-columns: 1fr;
}
.gd-stats-row {
  grid-template-columns: 1fr;
}
.gd-media-toolbar {
  grid-template-columns: 1fr;
}
.gd-media-toolbar .gd-media-actions {
  width: 100%;
}
.gd-media-toolbar .gd-media-actions .gd-btn {
  width: 100%;
}
.gd-game-tabs .gd-shell {
  gap: 6px;
}
.gd-game-tabs a {
  padding: 10px 11px;
}
}
@media (max-width: 782px) {
body.admin-bar .gd-nav.gd-menu-panel {
  top: calc(var(--gd-mobile-header-h, 64px) + 46px);
  max-height: calc(100dvh - var(--gd-mobile-header-h, 64px) - 64px);
}
}
@media (max-width: 520px) {
.gd-filter-pro {
  grid-template-columns: 1fr;
}
.gd-filter-pro .gd-filter-field, .gd-filter-pro .gd-filter-actions {
  grid-column: 1 / -1;
}
.gd-filter-pro .gd-filter-actions {
  grid-template-columns: 1fr;
}
:root {
  --gd-section-gap: 30px;
  --gd-mobile-header-h: 60px;
  --gd-header-h: 60px;
}
.gd-brand-mark {
  width: 36px;
  height: 36px;
  border-radius: calc(var(--gd-button-radius) - 2px);
}
.gd-menu-toggle {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
}
.gd-featured-hero, .gd-home-slide {
  min-height: clamp(390px, 128vw, 500px);
  padding: 20px;
}
.gd-hero-copy p {
  -webkit-line-clamp: 2;
}
.gd-hero-microstats {
  grid-template-columns: none;
}
.gd-stat-grid {
  grid-template-columns: minmax(0, 1fr);
}
.gd-card-body {
  padding: 14px;
}
.gd-card-footer {
  grid-template-columns: minmax(0, 1fr);
}
.gd-card-footer a {
  width: 100%;
  justify-content: center;
}
.gd-app-summary-panel, .gd-single-steam .gd-app-summary-panel {
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
}
.gd-app-summary-panel .gd-app-capsule, .gd-single-steam .gd-app-summary-panel .gd-app-capsule {
  max-width: 88px;
}
.gd-app-summary-panel .gd-app-short {
  -webkit-line-clamp: 2;
  font-size: 12.8px;
}
.gd-app-summary-panel .gd-app-tags {
  max-height: 48px;
}
.gd-app-summary-panel .gd-app-meta-list, .gd-app-summary-panel .gd-app-actions {
  grid-column: 1 / -1;
}
.gd-app-summary-panel .gd-app-actions {
  grid-template-columns: minmax(0, 1fr);
}
.gd-media-stage, .gd-single-steam .gd-media-stage {
  max-height: 58vw;
}
.gd-media-toolbar {
  grid-template-columns: minmax(0, 1fr);
}
.gd-media-actions .gd-btn {
  width: 100%;
}
.gd-media-thumb, .gd-single-steam .gd-media-thumb {
  flex-basis: 78px;
  min-width: 78px;
  max-width: 78px;
}
.gd-media-thumb--video, .gd-media-thumb[data-type="video"] {
  flex-basis: 112px;
  min-width: 112px;
  max-width: 112px;
}
.gd-media-thumb.is-active {
  flex-basis: 96px;
  min-width: 96px;
  max-width: 96px;
}
.gd-media-thumb--video.is-active, .gd-media-thumb[data-type="video"].is-active {
  flex-basis: 126px;
  min-width: 126px;
  max-width: 126px;
}
.gd-shell {
  width: min(100% - 18px, var(--gd-shell));
}
.gd-brand-text {
  font-size: 16px;
  max-width: 42vw;
}
.gd-home-slide, .gd-featured-hero {
  min-height: clamp(390px, 126vw, 500px);
}
.gd-hero-copy h1, .gd-hero-copy .gd-hero-title {
  max-width: min(20ch, 100%);
  font-size: min(clamp(29px, 11vw, 40px), calc(var(--gd-hero-title-max) * var(--gd-heading-scale)));
}
.gd-panel, .gd-download-card, .gd-filter-bar, .gd-archive-hero, .gd-page-header, .gd-post-hero, .gd-empty-state {
  padding: clamp(16px, 5vw, 20px);
}
.gd-app-summary-panel .gd-app-meta-list .gd-meta-line, .gd-single-steam .gd-app-summary-panel .gd-app-meta-list .gd-meta-line {
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
}
.gd-footer-menu {
  grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 430px) {
.gd-shell {
  width: min(100% - 20px, var(--gd-shell));
}
.gd-app-summary-panel, .gd-single-steam .gd-app-summary-panel {
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
}
.gd-app-summary-panel .gd-app-capsule, .gd-single-steam .gd-app-summary-panel .gd-app-capsule {
  max-width: 96px;
}
.gd-app-summary-panel .gd-app-short {
  -webkit-line-clamp: 2;
  font-size: 13px;
}
.gd-app-summary-panel .gd-app-tags {
  max-height: 52px;
}
.gd-app-summary-panel .gd-app-meta-list {
  grid-column: 1 / -1;
}
.gd-app-summary-panel .gd-app-actions {
  grid-template-columns: 1fr;
}
.gd-media-toolbar {
  grid-template-columns: 1fr;
}
.gd-media-actions .gd-btn {
  width: 100%;
  justify-content: center;
}
.gd-media-thumbs {
  grid-auto-columns: minmax(78px, 94px);
}
}
@media (max-width: 980px) {
:root {
  --gd-section-gap: 42px;
  --gd-card-min: 230px;
}
.gd-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gd-game-layout, .gd-content-layout, .gd-archive-layout {
  grid-template-columns: minmax(0, 1fr);
}
.gd-side-column, .gd-download-card {
  position: static;
  width: 100%;
}
.gd-requirements-grid {
  grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 380px) {
.gd-archive-hero, .gd-page-header, .gd-post-hero, .gd-page-card, .gd-panel, .gd-empty-state {
  padding: 16px;
}
.gd-app-titlebar h1 {
  font-size: 28px;
}
.gd-media-prev {
  left: 6px;
}
.gd-media-next {
  right: 6px;
}
.gd-shell {
  width: min(100% - 14px, var(--gd-shell));
}
.gd-brand-text {
  display: none;
}
.gd-kicker {
  line-height: 1.2;
  max-width: 100%;
  white-space: normal;
}
.gd-media-nav {
  width: 34px;
  height: 34px;
}
}
@media (min-width: 1181px) and (max-width: 1380px) {
.gd-shell {
  width: min(100% - 36px, var(--gd-shell));
}
.gd-game-grid:not(.gd-related-grid) {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}
.gd-home-slide {
  min-height: clamp(500px, 47vw, 640px);
}
.gd-single-steam .gd-app-top {
  grid-template-columns: minmax(0, min(100%, var(--gd-media-max, 900px))) minmax(280px, var(--gd-single-sidebar-width, 360px));
}
}
@media (max-width: 1024px) {
.gd-header-inner {
  gap: 14px;
}
.gd-home-slide, .gd-featured-hero {
  min-height: clamp(480px, 64vw, 620px);
}
.gd-game-grid:not(.gd-related-grid) {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(240px, calc(var(--gd-card-min) - 20px))), 1fr));
}
.gd-storefront-panels {
  grid-template-columns: 1fr;
}
.gd-section-head {
  gap: 16px;
}
}

/* Single game mobile summary media.
   On phone-sized screens the poster becomes a full-width media block instead
   of a cramped thumbnail, while metadata keeps a readable two-column rhythm. */
@media (max-width: 640px) {
  .gd-single-steam .gd-app-summary-panel,
  .gd-app-summary-panel {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .gd-single-steam .gd-app-summary-panel .gd-app-capsule,
  .gd-app-summary-panel .gd-app-capsule {
    grid-column: 1 / -1;
    grid-row: auto;
    width: 100%;
    max-width: none;
    aspect-ratio: 16 / 9;
    border-radius: var(--gd-radius-sm);
  }

  .gd-single-steam .gd-app-summary-panel .gd-app-capsule img,
  .gd-app-summary-panel .gd-app-capsule img,
  .gd-single-steam .gd-app-summary-panel .gd-summary-poster-img,
  .gd-app-summary-panel .gd-summary-poster-img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
  }

  .gd-single-steam .gd-app-summary-panel .gd-app-short,
  .gd-single-steam .gd-app-summary-panel .gd-app-tags,
  .gd-single-steam .gd-app-summary-panel .gd-app-meta-list,
  .gd-single-steam .gd-app-summary-panel .gd-app-actions,
  .gd-app-summary-panel .gd-app-short,
  .gd-app-summary-panel .gd-app-tags,
  .gd-app-summary-panel .gd-app-meta-list,
  .gd-app-summary-panel .gd-app-actions {
    grid-column: 1 / -1;
  }

  .gd-single-steam .gd-app-summary-panel .gd-app-short,
  .gd-app-summary-panel .gd-app-short {
    -webkit-line-clamp: 3;
    font-size: 13.5px;
  }

  .gd-single-steam .gd-app-summary-panel .gd-app-tags,
  .gd-app-summary-panel .gd-app-tags {
    max-height: none;
  }
}

@media (max-width: 520px) {
  .gd-app-summary-panel .gd-app-meta-list .gd-meta-line,
  .gd-single-steam .gd-app-summary-panel .gd-app-meta-list .gd-meta-line {
    grid-template-columns: minmax(92px, .35fr) minmax(0, 1fr);
    gap: 3px;
  }
}

/* Account and authentication surfaces */
.gd-auth-card {
    display: grid;
    gap: 12px;
    padding: 24px;
}

.gd-auth-card h3,
.gd-account-card h1,
.gd-account-hero h1,
.gd-account-list h2,
.gd-account-latest h2 {
    margin: 0;
    color: var(--gd-text);
}

.gd-auth-card p,
.gd-account-card p,
.gd-account-hero p,
.gd-account-list p,
.gd-account-latest p {
    margin: 0;
    color: var(--gd-muted);
}

.gd-auth-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.gd-auth-actions-secondary {
    margin-top: 16px;
    justify-content: center;
}

.gd-account-shell {
    display: grid;
    gap: clamp(18px, 3vw, 28px);
}

.gd-account-card {
    max-width: 520px;
    margin-inline: auto;
    padding: clamp(22px, 4vw, 34px);
}

.gd-account-card form {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.gd-account-card form p {
    display: grid;
    gap: 7px;
}

.gd-account-card input[type="text"],
.gd-account-card input[type="password"] {
    width: 100%;
    min-height: 46px;
    border: 1px solid color-mix(in srgb, var(--gd-border) var(--gd-border-strength), transparent);
    border-radius: var(--gd-input-radius);
    background: color-mix(in srgb, var(--gd-surface-solid) 76%, transparent);
    color: var(--gd-text);
    padding: 0 14px;
}

.gd-account-card .login-remember {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gd-account-hero {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: clamp(20px, 4vw, 34px);
}

.gd-account-user {
    display: flex;
    gap: 16px;
    align-items: center;
    min-width: 0;
}

.gd-account-user img {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    object-fit: cover;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gd-border) 55%, transparent);
}

.gd-account-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.gd-account-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.gd-account-stats .gd-panel {
    padding: 18px;
    display: grid;
    gap: 4px;
}

.gd-account-stats span,
.gd-account-list li span {
    color: var(--gd-muted);
    font-size: .86rem;
}

.gd-account-stats strong {
    color: var(--gd-text);
    font-size: clamp(1.4rem, 4vw, 2rem);
}

.gd-account-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.gd-account-list,
.gd-account-latest {
    padding: clamp(18px, 3vw, 26px);
}

.gd-account-list ul {
    list-style: none;
    display: grid;
    gap: 10px;
    padding: 0;
    margin: 16px 0 0;
}

.gd-account-list li {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--gd-surface-solid) 58%, transparent);
}

.gd-account-list a,
.gd-account-latest a {
    color: var(--gd-text);
    text-decoration: none;
    font-weight: 700;
}

.gd-account-section-head {
    display: grid;
    gap: 4px;
    margin-bottom: 16px;
}

.gd-account-latest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 12px;
}

.gd-account-latest-grid a {
    display: grid;
    gap: 9px;
    padding: 10px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--gd-surface-solid) 58%, transparent);
}

.gd-account-latest-grid img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 12px;
}

@media (max-width: 720px) {
    .gd-account-hero,
    .gd-account-user {
        align-items: flex-start;
        flex-direction: column;
    }

    .gd-account-actions {
        justify-content: flex-start;
    }

    .gd-account-stats,
    .gd-account-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 769px) {
  .gd-single-steam .gd-app-top,
  .gd-app-top {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(14px, 2.4vw, 24px);
  }
}

/* Critical first-paint setting guards. Mirrors server-rendered classes so late-loading CSS cannot flash stale borders or shadows. */
html.gd-prepaint *,
html.gd-prepaint *::before,
html.gd-prepaint *::after {
  transition: none;
  animation: none;
}
body.gd-header-border-off .gd-header,
.gd-header.gd-header-no-border {
  border-bottom-color: transparent;
}
body.gd-header-shadow-off .gd-header,
.gd-header.gd-header-no-shadow {
  box-shadow: none;
}
body.gd-no-background-effects::before {
  display: none;
  content: none;
  background: none;
}
body.gd-no-background-effects .gd-section-muted,
body.gd-no-background-effects .gd-featured-hero,
body.gd-no-background-effects .gd-game-card,
body.gd-no-background-effects .gd-post-card,
body.gd-no-background-effects .gd-panel,
body.gd-no-background-effects .gd-app-media-card,
body.gd-no-background-effects .gd-home-slides {
  background-image: none;
}
body.gd-shadow-none .gd-game-card,
body.gd-shadow-none .gd-post-card,
body.gd-shadow-none .gd-panel,
body.gd-shadow-none .gd-download-card,
body.gd-shadow-none .gd-app-summary-panel,
body.gd-shadow-none .gd-app-media-card,
body.gd-shadow-none .gd-home-slides,
body.gd-shadow-none .gd-filter-bar,
body.gd-shadow-none .gd-media-stage-wrap {
  box-shadow: none;
}


/* Comments and global utility controls. */
body.gd-comment-form-sticky-on .gd-comment-form-panel {
  position: sticky;
  top: calc(var(--gd-live-header-bottom, var(--gd-header-h, 76px)) + 18px);
  align-self: start;
}
body.gd-comments-join-link-off .gd-comments-head .gd-text-link {
  display: none;
}
.gd-back-to-top {
  position: fixed;
  right: max(18px, calc((100vw - var(--gd-shell)) / 2 + 18px));
  bottom: 22px;
  z-index: 80;
  width: 46px;
  height: 46px;
  border: 1px solid color-mix(in srgb, var(--gd-accent) 28%, var(--gd-pro-hairline));
  border-radius: var(--gd-button-radius);
  display: grid;
  place-items: center;
  color: var(--gd-text);
  background: color-mix(in srgb, var(--gd-surface) 84%, transparent);
  box-shadow: 0 18px 48px rgba(0,0,0,.36), 0 0 28px color-mix(in srgb, var(--gd-accent) 10%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
}
.gd-back-to-top span[aria-hidden="true"] {
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
}
.gd-back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.gd-back-to-top:hover,
.gd-back-to-top:focus-visible {
  color: var(--gd-bg);
  background: linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2));
  border-color: transparent;
}
body.gd-back-to-top-off .gd-back-to-top {
  display: none;
}
@media (max-width: 980px) {
  body.gd-comment-form-sticky-on .gd-comment-form-panel {
    position: static;
  }
}
@media (max-width: 640px) {
  .gd-back-to-top {
    right: 14px;
    bottom: 14px;
    width: 42px;
    height: 42px;
  }
}

/* 16.28.51 page comment form transform sticky safety. */
body.gd-js-page-comment-sticky-ready.gd-comment-form-sticky-on .gd-comments-section--page .gd-comments-grid {
  position: relative;
  align-items: start;
}
body.gd-js-page-comment-sticky-ready.gd-comment-form-sticky-on .gd-comments-section--page .gd-comment-form-panel {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  will-change: transform;
}
@media (max-width: 780px) {
  body.gd-js-page-comment-sticky-ready.gd-comment-form-sticky-on .gd-comments-section--page .gd-comment-form-panel {
    transform: none;
    will-change: auto;
  }
}

/* Hero slider layout: Poster split panel */
.gd-home-slider--poster-split .gd-home-slides {
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018));
}
.gd-home-slider--poster-split .gd-featured-hero,
.gd-home-slider--poster-split .gd-home-slide {
  min-height: clamp(500px, 50vw, 680px);
  align-items: center;
  padding: clamp(28px, 5vw, 70px);
  background-position: center right;
}
.gd-home-slider--poster-split .gd-featured-hero::before {
  background:
    radial-gradient(circle at 78% 28%, color-mix(in srgb, var(--gd-accent) 18%, transparent), transparent 24rem),
    linear-gradient(90deg, rgba(2,6,23,.96) 0%, rgba(2,6,23,.88) 34%, rgba(2,6,23,.42) 67%, rgba(2,6,23,.18) 100%),
    linear-gradient(0deg, rgba(2,6,23,.82), transparent 64%);
}
.gd-home-slider--poster-split .gd-hero-copy {
  max-width: min(560px, 92%);
  padding: clamp(22px, 3.2vw, 38px);
  border: 1px solid var(--gd-border-strong);
  border-radius: var(--gd-radius);
  background: linear-gradient(180deg, color-mix(in srgb, var(--gd-card) 88%, transparent), color-mix(in srgb, var(--gd-card-2) 94%, transparent));
  box-shadow: var(--gd-panel-shadow), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.gd-home-slider--poster-split .gd-hero-copy .gd-hero-title {
  max-width: 16ch;
}
.gd-home-slider--poster-split .gd-hero-meta-row {
  gap: 14px;
}

/* Hero slider layout: Cover flow showcase */
.gd-home-slider--cover-flow {
  filter: none;
  padding-inline: clamp(0px, 3vw, 54px);
}
.gd-home-slider--cover-flow .gd-home-slides {
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.gd-home-slider--cover-flow .gd-featured-hero,
.gd-home-slider--cover-flow .gd-home-slide {
  min-height: clamp(500px, 50vw, 660px);
  padding: clamp(30px, 6vw, 76px);
  border: 1px solid var(--gd-border-strong);
  border-radius: var(--gd-hero-radius);
  background-position: center;
  box-shadow: var(--gd-shadow), inset 0 1px 0 rgba(255,255,255,.08);
  transition: opacity .35s ease, transform .35s ease, filter .35s ease;
}
.gd-home-slider--cover-flow .gd-featured-hero::before {
  background:
    radial-gradient(circle at 22% 28%, color-mix(in srgb, var(--gd-accent) 16%, transparent), transparent 22rem),
    linear-gradient(90deg, rgba(2,6,23,.92), rgba(2,6,23,.62) 48%, rgba(2,6,23,.24)),
    linear-gradient(0deg, rgba(2,6,23,.88), transparent 68%);
}
.gd-home-slider--cover-flow .gd-home-slide.is-active {
  transform: translateX(0) scale(1);
  filter: none;
}
.gd-home-slider--cover-flow .gd-home-slide[data-gd-slide-offset="1"],
.gd-home-slider--cover-flow .gd-home-slide[data-gd-slide-offset="-1"] {
  opacity: .42;
  visibility: visible;
  pointer-events: none;
  z-index: 1;
  filter: saturate(.84) brightness(.76);
}
.gd-home-slider--cover-flow .gd-home-slide[data-gd-slide-offset="1"] {
  transform: translateX(76%) scale(.78);
}
.gd-home-slider--cover-flow .gd-home-slide[data-gd-slide-offset="-1"] {
  transform: translateX(-76%) scale(.78);
}
.gd-home-slider--cover-flow .gd-home-slide:not(.is-active) .gd-hero-copy {
  opacity: 0;
}
.gd-home-slider--cover-flow .gd-hero-copy {
  max-width: min(700px, 86%);
}
.gd-home-slider--cover-flow .gd-home-nav {
  opacity: .96;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 860px) {
  .gd-home-slider--poster-split .gd-featured-hero,
  .gd-home-slider--poster-split .gd-home-slide,
  .gd-home-slider--cover-flow .gd-featured-hero,
  .gd-home-slider--cover-flow .gd-home-slide {
    min-height: clamp(460px, 118vw, 580px);
    padding: clamp(22px, 7vw, 40px);
  }
  .gd-home-slider--cover-flow {
    padding-inline: 0;
  }
  .gd-home-slider--cover-flow .gd-home-slide[data-gd-slide-offset="1"],
  .gd-home-slider--cover-flow .gd-home-slide[data-gd-slide-offset="-1"] {
    opacity: 0;
    visibility: hidden;
  }
  .gd-home-slider--poster-split .gd-hero-copy {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gd-home-slider--cover-flow .gd-featured-hero,
  .gd-home-slider--cover-flow .gd-home-slide {
    transition: none;
  }
}



/* AJAX loading uses local, visible section feedback only. */
@keyframes gdAjaxSpin {
  to { transform: rotate(360deg); }
}
.gd-filter-actions button.is-loading {
  cursor: progress;
  opacity: .82;
}
.gd-filter-actions button.is-loading span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.gd-filter-actions button.is-loading span::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: gdAjaxSpin .72s linear infinite;
}
.gd-collection-results.is-ajax-loading .gd-template-grid,
.gd-collection-results.is-ajax-loading .gd-collection-pagination,
.gd-collection-results.is-ajax-loading .gd-collection-load-more-wrap {
  opacity: .42;
  pointer-events: none;
}
body.gd-motion-off .gd-filter-actions button.is-loading span::before {
  transition: none;
  animation: none;
}

/* 16.28.96 template AJAX loading and load-more visibility hardening. */

.gd-collection-inline-loader {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: min(100%, 360px);
  margin: 0 auto 18px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--gd-accent) 28%, transparent);
  border-radius: var(--gd-radius);
  background: color-mix(in srgb, var(--gd-bg-2) 82%, transparent);
  color: var(--gd-text);
  font-weight: 800;
  text-align: center;
  box-shadow: var(--gd-shadow-soft);
}
.gd-collection-inline-loader.is-active {
  display: flex;
}
.gd-collection-inline-spinner {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, currentColor 26%, transparent);
  border-top-color: currentColor;
  animation: gdAjaxSpin .72s linear infinite;
}
.gd-collection-load-more.is-loading,
.gd-collection-pagination a.is-loading {
  cursor: progress;
  opacity: .86;
}
.gd-collection-load-more.is-loading span::before,
.gd-collection-pagination a.is-loading::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  vertical-align: -2px;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: gdAjaxSpin .72s linear infinite;
}
body.gd-motion-off .gd-collection-inline-spinner,
body.gd-motion-off .gd-collection-load-more.is-loading span::before,
body.gd-motion-off .gd-collection-pagination a.is-loading::before {
  animation: none;
}


/* 16.28.99 scroll paint and admin preview safety.
   Keep the browser canvas dark during fast scroll/overscroll and prevent generic
   admin-bar top rules from moving static headers. */
html {
  background: var(--gd-bg, #040814);
}
body {
  background-color: var(--gd-bg, #040814);
}
body.admin-bar.gd-header-static .gd-header,
body.admin-bar.gd-header-not-sticky .gd-header,
body.admin-bar:not(.gd-header-fixed) .gd-header:not(.gd-header-is-fixed) {
  top: auto;
}
body.admin-bar.gd-header-static .gd-site-main,
body.admin-bar.gd-header-not-sticky .gd-site-main,
body.admin-bar:not(.gd-header-fixed) .gd-site-main {
  padding-top: 0;
}

/* v16.29.21 critical card-density grid stability.
   Keep homepage, archive/category, template, and related-game grids in the same
   final density rhythm before delayed/optimized settings CSS finishes loading.
   Desktop contract: compact = 5, comfortable = 4, showcase = 3. */
body.gd-card-density-compact {
  --gd-card-density-critical-grid-gap: clamp(12px, 1.35vw, 18px);
  --gd-card-density-critical-cols: 5;
  --gd-card-density-critical-min: 188px;
  --gd-related-card-critical-gap: clamp(12px, 1.4vw, 18px);
  --gd-related-card-critical-min: 220px;
}
body.gd-card-density-comfortable {
  --gd-card-density-critical-grid-gap: clamp(18px, 2.2vw, 28px);
  --gd-card-density-critical-cols: 4;
  --gd-card-density-critical-min: 238px;
  --gd-related-card-critical-gap: clamp(18px, 2.1vw, 28px);
  --gd-related-card-critical-min: 260px;
}
body.gd-card-density-showcase {
  --gd-card-density-critical-grid-gap: clamp(22px, 2.8vw, 34px);
  --gd-card-density-critical-cols: 3;
  --gd-card-density-critical-min: 300px;
  --gd-related-card-critical-gap: clamp(22px, 2.8vw, 36px);
  --gd-related-card-critical-min: 320px;
}
body.gd-related-card-density-compact {
  --gd-related-card-critical-gap: clamp(12px, 1.4vw, 18px);
  --gd-related-card-critical-min: 220px;
}
body.gd-related-card-density-comfortable {
  --gd-related-card-critical-gap: clamp(18px, 2.1vw, 28px);
  --gd-related-card-critical-min: 260px;
}
body.gd-related-card-density-showcase {
  --gd-related-card-critical-gap: clamp(22px, 2.8vw, 36px);
  --gd-related-card-critical-min: 320px;
}
body.gd-card-density-compact .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static),
body.gd-card-density-comfortable .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static),
body.gd-card-density-showcase .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static) {
  gap: var(--gd-card-density-critical-grid-gap);
  grid-template-columns: repeat(var(--gd-card-density-critical-cols), minmax(0, 1fr));
}
body.gd-related-card-density-inherit .gd-related-store-grid,
body.gd-related-card-density-inherit .gd-related-grid-static,
body.gd-related-card-density-compact .gd-related-store-grid,
body.gd-related-card-density-compact .gd-related-grid-static,
body.gd-related-card-density-comfortable .gd-related-store-grid,
body.gd-related-card-density-comfortable .gd-related-grid-static,
body.gd-related-card-density-showcase .gd-related-store-grid,
body.gd-related-card-density-showcase .gd-related-grid-static {
  gap: var(--gd-related-card-critical-gap);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gd-related-card-critical-min)), 1fr));
}
@media (max-width: 1180px) {
  body.gd-card-density-compact .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static),
  body.gd-card-density-comfortable .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static),
  body.gd-card-density-showcase .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static) {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--gd-card-density-critical-min)), 1fr));
  }
}
@media (max-width: 720px) {
  body.gd-card-density-compact .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static),
  body.gd-card-density-comfortable .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static),
  body.gd-card-density-showcase .gd-game-grid:not(.gd-related-grid):not(.gd-related-store-grid):not(.gd-related-grid-static),
  body.gd-related-card-density-inherit .gd-related-store-grid,
  body.gd-related-card-density-inherit .gd-related-grid-static,
  body.gd-related-card-density-compact .gd-related-store-grid,
  body.gd-related-card-density-compact .gd-related-grid-static,
  body.gd-related-card-density-comfortable .gd-related-store-grid,
  body.gd-related-card-density-comfortable .gd-related-grid-static,
  body.gd-related-card-density-showcase .gd-related-store-grid,
  body.gd-related-card-density-showcase .gd-related-grid-static {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* v16.29.31 hero-gap and A-Z static rail.
   Keep the A-Z jump list non-sticky to avoid blinking with optimization stacks. */
.gd-archive-hero,
.gd-page-header,
.gd-post-hero {
  margin-top: 0;
}
.gd-az-index {
  overflow: visible;
}
.gd-az-nav,
.gd-az-nav.is-js-stuck {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  max-width: none;
  z-index: 12;
}
.gd-az-nav-placeholder {
  display: none;
}


/* 16.29.68: separate review/comment form boxes for clearer single-page layout.
   Keep the accent strip on the real form box itself so it cannot bleed into
   the single hero on narrow/sticky layouts or when inspected in DevTools. */
.gd-community-form-box {
  position: relative;
  overflow: hidden;
  border-left: 3px solid color-mix(in srgb, var(--gd-accent, currentColor) 45%, transparent);
}

.gd-community-form-box::before {
  content: none;
  display: none;
}

.gd-review-form-box,
.gd-comment-form-box {
  box-shadow: var(--gd-shadow-soft, 0 18px 45px rgba(0,0,0,.18));
}

/* Site search form polish is owned by settings-contract.css. */
/* Comment form wheel-scroll safety is owned by settings-contract.css. */
/* Community responsive polish is owned by settings-contract.css. */
/* 88.88.888 small-device performance guardrails.
   Keep layout/features intact, but reduce expensive mobile/tablet paint work. */
@media (max-width: 1180px), (hover: none), (pointer: coarse) {
  body::before {
    display: none;
    content: none;
    background: none;
    mask-image: none;
    -webkit-mask-image: none;
  }

  .gd-header,
  .gd-nav,
  .gd-panel,
  .gd-download-card,
  .gd-feature-panel,
  .gd-app-summary-panel,
  .gd-app-media-card,
  .gd-app-meta-list,
  .gd-page-panel,
  .gd-comment-card,
  .gd-comment-form-panel,
  .gd-review-card,
  .gd-community-form-box,
  .gd-filter-pro,
  .gd-filter-bar,
  .gd-btn-secondary {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .gd-game-card,
  .gd-post-card {
    transform: none;
    contain: layout paint;
  }

  .gd-game-card::before,
  .gd-game-card::after,
  .gd-post-card::after {
    filter: none !important;
  }

  /* Keep images and major content sections normally paintable on mobile.
     content-visibility:auto caused visible re-paint/re-decode flashes when users scrolled back up. */
}

@media (hover: none), (pointer: coarse) {
  .gd-btn:hover,
  .gd-download-buttons a:hover,
  .gd-text-link:hover,
  .gd-game-card:hover,
  .gd-post-card:hover,
  .gd-card-footer a:hover,
  .gd-category-cloud a:hover,
  .gd-category-cloud .gd-badge:hover,
  .gd-media-thumb:hover,
  .gd-home-nav:hover,
  .gd-media-nav:hover,
  .gd-related-nav:hover {
    transform: none !important;
  }
}

/* 88.88.890: card hit-area fix. The visual card now has a safe full-card tap target
   without nesting anchors or changing existing title/media/footer links. */
.gd-game-card,
.gd-post-card {
  position: relative;
}
.gd-card-full-link {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
  border-radius: inherit;
  text-decoration: none;
}
.gd-game-card a:not(.gd-card-full-link),
.gd-game-card button,
.gd-game-card summary,
.gd-post-card a:not(.gd-card-full-link),
.gd-post-card button,
.gd-post-card summary {
  position: relative;
  z-index: 6;
}
.gd-game-card .gd-card-media,
.gd-post-card .gd-card-media {
  position: relative;
  z-index: 6;
}

/* Homepage/mobile interaction overrides is owned by settings-contract.css. */
/* Final mobile/touch overrides are centralized in settings-contract.css so the late-loading settings layer has one owner. */

/* Movable single-game download card. */
.gd-main-column > .gd-download-card--inline {
  position: relative;
  top: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(14px, 2.4vw, 22px);
  width: 100%;
  max-width: 980px;
  margin-inline: auto;
  padding: clamp(18px, 3vw, 30px);
  overflow: hidden;
  border-color: color-mix(in srgb, var(--gd-download) 32%, var(--gd-border));
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--gd-download) 18%, transparent), transparent 42%),
    linear-gradient(180deg, rgba(14,25,42,.97), rgba(8,15,27,.99));
  isolation: isolate;
}
.gd-main-column > .gd-download-card--inline .gd-kicker,
.gd-main-column > .gd-download-card--inline .gd-download-card-heading,
.gd-main-column > .gd-download-card--inline .gd-download-views,
.gd-main-column > .gd-download-card--inline .gd-download-buttons,
.gd-main-column > .gd-download-card--inline .gd-download-assurance,
.gd-main-column > .gd-download-card--inline .gd-text-link {
  min-width: 0;
}
.gd-main-column > .gd-download-card--inline .gd-kicker {
  margin-bottom: -4px;
}
.gd-main-column > .gd-download-card--inline .gd-download-card-heading {
  margin: 0;
  overflow-wrap: anywhere;
}
.gd-main-column > .gd-download-card--inline .gd-download-buttons {
  width: 100%;
  max-width: min(100%, 460px);
  margin-top: 0;
}
.gd-main-column > .gd-download-card--inline .gd-download-buttons a,
.gd-main-column > .gd-download-card--inline .gd-download-buttons button,
.gd-main-column > .gd-download-card--inline .gd-btn {
  min-height: 48px;
  white-space: normal;
}
.gd-main-column > .gd-download-card--inline .gd-download-views {
  justify-content: flex-start;
  width: fit-content;
  max-width: 100%;
}
.gd-main-column > .gd-download-card--inline .gd-download-assurance {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 0;
}
.gd-main-column > .gd-download-card--inline .gd-text-link {
  width: fit-content;
  max-width: 100%;
  margin-top: 0;
}
@media (min-width: 1280px) {
  .gd-main-column > .gd-download-card--inline {
    grid-template-columns: minmax(0, 1fr) minmax(260px, .45fr);
    align-items: center;
    max-width: none;
    column-gap: clamp(26px, 4vw, 52px);
    row-gap: 12px;
  }
  .gd-main-column > .gd-download-card--inline .gd-kicker,
  .gd-main-column > .gd-download-card--inline .gd-download-card-heading,
  .gd-main-column > .gd-download-card--inline .gd-download-views,
  .gd-main-column > .gd-download-card--inline .gd-download-assurance {
    grid-column: 1;
  }
  .gd-main-column > .gd-download-card--inline .gd-download-buttons,
  .gd-main-column > .gd-download-card--inline .gd-text-link {
    grid-column: 2;
    justify-self: stretch;
  }
  .gd-main-column > .gd-download-card--inline .gd-download-buttons {
    max-width: none;
  }
  .gd-main-column > .gd-download-card--inline .gd-text-link {
    width: 100%;
  }
}
@media (min-width: 760px) and (max-width: 1279px) {
  .gd-main-column > .gd-download-card--inline {
    justify-items: start;
  }
  .gd-main-column > .gd-download-card--inline .gd-download-buttons {
    max-width: min(100%, 520px);
  }
}
@media (max-width: 759px) {
  .gd-main-column > .gd-download-card--inline {
    justify-items: stretch;
    padding: 18px;
  }
  .gd-main-column > .gd-download-card--inline .gd-download-buttons,
  .gd-main-column > .gd-download-card--inline .gd-text-link {
    width: 100%;
    max-width: none;
  }
  .gd-main-column > .gd-download-card--inline .gd-download-views {
    width: 100%;
    justify-content: center;
  }
}


/* Long description media embeds */
.gd-overview .gd-content .wp-video,
.gd-overview .gd-content video,
.gd-overview .gd-content audio,
.gd-content .wp-video,
.gd-content video,
.gd-content audio {
    max-width: 100%;
}

.gd-overview .gd-content .wp-video,
.gd-content .wp-video {
    width: 100% !important;
    margin: 1rem 0;
}

.gd-long-media {
    display: block;
    width: 100%;
    margin: 1.1rem 0;
    padding: 0;
    overflow: hidden;
    border-radius: 16px;
    background: #05070b;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .28);
}

.gd-long-media--video {
    line-height: 0;
}

.gd-long-media__video {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
    background: #05070b;
}

.gd-overview .gd-content video:not(.gd-long-media__video),
.gd-content video:not(.gd-long-media__video) {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    background: #05070b;
}

.gd-overview .gd-content audio,
.gd-content audio {
    display: block;
    width: 100%;
    margin: 1rem 0;
}