/* SaveEditor.com Game Hub - Phase 10 */

.se-game-hub { background:var(--se-bg); }
.se-game-hub-hero {
  padding:clamp(3.5rem,7vw,7rem) 0 3rem;
  border-bottom:var(--se-border-2) solid var(--se-border);
  background:
    linear-gradient(90deg, rgba(10,10,10,.055) 1px, transparent 1px),
    linear-gradient(rgba(10,10,10,.055) 1px, transparent 1px),
    var(--se-paper-100);
  background-size:2rem 2rem;
}
.se-game-hub-hero .se-breadcrumbs { margin-bottom:2.25rem; }
.se-game-hub-hero__grid {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:end;
}
.se-game-hub-hero__copy h1 {
  max-width:12ch;
  margin:.4rem 0 1rem;
  font-size:clamp(3.2rem,7vw,7.4rem);
  line-height:.88;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.se-game-hub-hero__summary {
  max-width:49rem;
  margin:0;
  color:var(--se-text-muted);
  font-size:clamp(1rem,1.7vw,1.25rem);
  line-height:1.55;
}
.se-game-hub-hero__platforms { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.4rem; }
.se-game-hub-hero__platforms a,
.se-game-hub-hero__platforms span {
  display:inline-flex;
  min-height:2rem;
  align-items:center;
  border:1px solid var(--se-border);
  background:var(--se-surface);
  padding:.35rem .6rem;
  color:var(--se-text);
  font-family:var(--se-font-mono);
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.04em;
  text-decoration:none;
  text-transform:uppercase;
}
.se-game-hub-hero__platforms a:hover { background:var(--se-accent); }

.se-game-hub-status {
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
  box-shadow:var(--se-shadow-md);
}
.se-game-hub-status__head {
  display:flex;
  gap:.9rem;
  align-items:center;
  padding:1rem;
  border-bottom:var(--se-border-2) solid var(--se-border);
  background:var(--se-ink-950);
  color:white;
}
.se-game-hub-status__head > span {
  width:2.8rem;
  height:2.8rem;
  flex:0 0 2.8rem;
  display:grid;
  place-items:center;
  border:1px solid var(--se-accent);
  background:var(--se-accent);
  color:var(--se-ink-950);
}
.se-game-hub-status__head svg { width:1.35rem; }
.se-game-hub-status__head .se-kicker { margin:0 0 .25rem; color:#a9a9a9; }
.se-game-hub-status__head strong { font-size:.92rem; text-transform:uppercase; }
.se-game-hub-status dl { margin:0; }
.se-game-hub-status dl > div {
  display:flex;
  justify-content:space-between;
  gap:1.25rem;
  padding:.8rem 1rem;
  border-bottom:1px solid var(--se-ink-300);
}
.se-game-hub-status dl > div:last-child { border-bottom:0; }
.se-game-hub-status dt { color:var(--se-text-muted); font-size:.72rem; }
.se-game-hub-status dd { margin:0; text-align:right; font-family:var(--se-font-mono); font-size:.72rem; font-weight:850; }

.se-game-hub-coverage-note {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  margin-top:2rem;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-signal-300);
  padding:1rem;
}
.se-game-hub-coverage-note > span {
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  border:1px solid var(--se-border);
  background:var(--se-surface);
}
.se-game-hub-coverage-note svg { width:1.2rem; }
.se-game-hub-coverage-note strong { text-transform:uppercase; }
.se-game-hub-coverage-note p { max-width:60rem; margin:.25rem 0 0; font-size:.8rem; line-height:1.5; }

.se-game-hub-jump {
  position:sticky;
  top:5rem;
  z-index:50;
  border-bottom:var(--se-border-2) solid var(--se-border);
  background:rgba(255,253,247,.96);
  backdrop-filter:blur(10px);
}
.se-game-hub-jump__inner {
  min-height:3.45rem;
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  scrollbar-width:thin;
}
.se-game-hub-jump__inner > span {
  flex:0 0 auto;
  padding:.65rem 1rem .65rem 0;
  color:var(--se-text-muted);
  font-size:.62rem;
  font-weight:850;
  text-transform:uppercase;
}
.se-game-hub-jump a {
  flex:0 0 auto;
  min-height:3.45rem;
  display:flex;
  align-items:center;
  border-left:1px solid var(--se-ink-300);
  padding:.65rem .9rem;
  font-size:.72rem;
  font-weight:850;
  text-decoration:none;
  text-transform:uppercase;
}
.se-game-hub-jump a:hover { background:var(--se-accent); }

.se-game-hub-section {
  padding:clamp(3.5rem,7vw,6.5rem) 0;
  border-bottom:var(--se-border-2) solid var(--se-border);
}
.se-game-hub-section--paper { background:var(--se-paper-50); }
.se-game-hub-section--dark { background:var(--se-ink-950); color:white; }
.se-game-hub-section--dark .se-body,
.se-game-hub-section--dark .se-game-hub-section__head > p { color:#bcbcbc; }
.se-game-hub-section--dark .se-kicker { color:var(--se-accent); }
.se-game-hub-section__head {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:end;
  margin-bottom:2rem;
}
.se-game-hub-section__head h2 {
  max-width:12ch;
  margin:.4rem 0 0;
  font-size:clamp(2.3rem,5vw,5rem);
  line-height:.92;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.se-game-hub-section__head > p {
  max-width:48rem;
  margin:0;
  color:var(--se-text-muted);
}

.se-game-hub-facts {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:var(--se-border-2) solid var(--se-border);
  border-left:var(--se-border-2) solid var(--se-border);
}
.se-game-hub-facts > div {
  min-width:0;
  padding:1rem;
  border-right:var(--se-border-2) solid var(--se-border);
  border-bottom:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
}
.se-game-hub-facts dt > span:first-child {
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  margin-bottom:1.4rem;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-accent);
}
.se-game-hub-facts svg { width:1.15rem; }
.se-game-hub-facts dt { margin:0 0 .45rem; color:var(--se-text-muted); font-size:.6rem; font-weight:850; text-transform:uppercase; }
.se-game-hub-facts dt > span:last-child { display:block; }
.se-game-hub-facts dd { margin:0; display:block; overflow-wrap:anywhere; font-size:.9rem; font-weight:850; line-height:1.35; }

.se-game-hub-editorial {
  max-width:56rem;
  margin:2.5rem 0 0;
  padding-top:2rem;
  border-top:1px solid var(--se-ink-300);
}
.se-game-hub-editorial .se-entry__content > * { max-width:56rem; }
.se-game-hub-editorial .se-entry__content > :first-child { margin-top:0; }

.se-game-hub-callout {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:1rem;
  margin-top:2rem;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
  padding:1rem;
  box-shadow:var(--se-shadow-sm);
}
.se-game-hub-callout--accent { background:#f4ffd5; }
.se-game-hub-callout > span {
  width:2.7rem;
  height:2.7rem;
  display:grid;
  place-items:center;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-accent);
}
.se-game-hub-callout svg { width:1.25rem; }
.se-game-hub-callout .se-kicker { margin:0 0 .35rem; }
.se-game-hub-callout p:last-child { margin-bottom:0; }

.se-game-hub-locations { display:grid; gap:1rem; }
.se-game-hub-location {
  display:grid;
  grid-template-columns:minmax(12rem,.28fr) minmax(0,1fr);
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
  box-shadow:var(--se-shadow-sm);
}
.se-game-hub-location__label {
  display:flex;
  align-items:center;
  gap:.8rem;
  padding:1rem;
  border-right:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface-muted);
}
.se-game-hub-location__label > span {
  width:2.4rem;
  height:2.4rem;
  flex:0 0 2.4rem;
  display:grid;
  place-items:center;
  border:1px solid var(--se-border);
  background:var(--se-accent);
}
.se-game-hub-location__label svg { width:1.1rem; }
.se-game-hub-location__label strong { font-size:.78rem; text-transform:uppercase; }
.se-game-hub-location__path {
  min-width:0;
  padding:1rem;
  overflow-wrap:anywhere;
  font-size:.76rem;
  line-height:1.65;
}

.se-game-hub-empty {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
  padding:1.25rem;
}
.se-game-hub-empty > span {
  width:3rem;
  height:3rem;
  display:grid;
  place-items:center;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-signal-300);
}
.se-game-hub-empty svg { width:1.35rem; }
.se-game-hub-empty strong { text-transform:uppercase; }
.se-game-hub-empty p { max-width:48rem; margin:.3rem 0 0; color:var(--se-text-muted); }
.se-game-hub-empty--dark { border-color:#484848; background:#151515; }
.se-game-hub-empty--dark > span { border-color:var(--se-accent); background:var(--se-accent); color:var(--se-ink-950); }
.se-game-hub-empty--dark p { color:#aaa; }

.se-game-hub-subsection,
.se-game-hub-troubleshooting-specific {
  max-width:64rem;
  margin-top:2rem;
  border-left:4px solid var(--se-accent);
  background:var(--se-surface);
  padding:1.25rem 1.4rem;
}
.se-game-hub-subsection .se-kicker,
.se-game-hub-troubleshooting-specific .se-kicker { margin-bottom:.6rem; }
.se-game-hub-subsection p:last-child,
.se-game-hub-troubleshooting-specific p:last-child { margin-bottom:0; }

.se-game-hub-format-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.se-game-hub-format-grid > article {
  min-width:0;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
  padding:1.25rem;
  box-shadow:var(--se-shadow-sm);
}
.se-game-hub-chips { display:flex; flex-wrap:wrap; gap:.5rem; }
.se-game-hub-chips span {
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  border:1px solid var(--se-border);
  background:var(--se-accent);
  padding:.3rem .6rem;
  font-size:.7rem;
  font-weight:850;
}
.se-game-hub-file-list { margin:.6rem 0 0; padding:0; list-style:none; }
.se-game-hub-file-list li {
  overflow-wrap:anywhere;
  padding:.55rem 0;
  border-bottom:1px solid var(--se-ink-300);
  font-size:.76rem;
}
.se-game-hub-file-list li:last-child { border-bottom:0; }
.se-game-hub-cloud {
  display:grid;
  grid-template-columns:minmax(0,.45fr) minmax(0,1fr);
  gap:0;
  margin-top:2rem;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
}
.se-game-hub-cloud > div { min-width:0; padding:1.25rem; }
.se-game-hub-cloud > div + div { border-left:var(--se-border-2) solid var(--se-border); }
.se-game-hub-cloud p:last-child { margin-bottom:0; }

.se-game-hub-tool-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.se-game-hub-section--dark .se-tool-card { color:var(--se-text); }
.se-game-hub-matrix-wrap {
  margin-top:2rem;
  overflow-x:auto;
  border:1px solid #444;
  background:var(--se-surface);
  color:var(--se-text);
}
.se-game-hub-matrix {
  width:100%;
  min-width:64rem;
  border-collapse:collapse;
}
.se-game-hub-matrix caption {
  padding:.8rem 1rem;
  background:var(--se-accent);
  color:var(--se-ink-950);
  font-family:var(--se-font-mono);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.05em;
  text-align:left;
  text-transform:uppercase;
}
.se-game-hub-matrix th,
.se-game-hub-matrix td {
  padding:.8rem .9rem;
  border-right:1px solid var(--se-ink-300);
  border-bottom:1px solid var(--se-ink-300);
  text-align:left;
  vertical-align:top;
  font-size:.75rem;
}
.se-game-hub-matrix tr:last-child th,
.se-game-hub-matrix tr:last-child td { border-bottom:0; }
.se-game-hub-matrix th:last-child,
.se-game-hub-matrix td:last-child { border-right:0; }
.se-game-hub-matrix thead th {
  background:var(--se-surface-muted);
  font-family:var(--se-font-mono);
  font-size:.62rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.se-game-hub-matrix a { text-underline-offset:.2rem; }
.se-game-hub-tools-link { margin:1.5rem 0 0; }

.se-game-hub-steps {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:var(--se-border-2) solid var(--se-border);
  border-left:var(--se-border-2) solid var(--se-border);
}
.se-game-hub-steps li {
  min-width:0;
  padding:1.15rem;
  border-right:var(--se-border-2) solid var(--se-border);
  border-bottom:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
}
.se-game-hub-steps li > span {
  display:block;
  margin-bottom:2rem;
  color:var(--se-acid-700);
  font-size:.68rem;
  font-weight:900;
}
.se-game-hub-steps strong { text-transform:uppercase; }
.se-game-hub-steps p { margin:.5rem 0 0; color:var(--se-text-muted); font-size:.78rem; line-height:1.55; }

.se-game-hub-troubleshooting-specific { margin:0 0 1rem; box-shadow:var(--se-shadow-sm); }
.se-game-hub-troubleshooting-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.se-game-hub-troubleshooting-grid article {
  position:relative;
  min-height:12rem;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-surface);
  padding:1.25rem;
}
.se-game-hub-troubleshooting-grid article > span {
  position:absolute;
  top:1rem;
  right:1rem;
  color:var(--se-ink-300);
  font-size:1.8rem;
  font-weight:900;
}
.se-game-hub-troubleshooting-grid h3 {
  max-width:15ch;
  margin:2.5rem 0 .5rem;
  font-size:1.15rem;
  text-transform:uppercase;
}
.se-game-hub-troubleshooting-grid p { margin:0; color:var(--se-text-muted); font-size:.82rem; line-height:1.55; }

.se-game-hub #faq .se-accordion { max-width:64rem; }
.se-game-hub-review {
  max-width:64rem;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  margin-top:2rem;
  border-top:var(--se-border-2) solid var(--se-border);
  padding-top:1.25rem;
}
.se-game-hub-review > span {
  width:2.6rem;
  height:2.6rem;
  display:grid;
  place-items:center;
  border:var(--se-border-2) solid var(--se-border);
  background:var(--se-accent);
}
.se-game-hub-review svg { width:1.2rem; }
.se-game-hub-review .se-kicker { margin:0 0 .35rem; }
.se-game-hub-review p:last-child { margin:0; color:var(--se-text-muted); }
.se-game-hub-review__method,
.se-game-hub-review__sources {
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--se-ink-300);
}
.se-game-hub-review__method > strong,
.se-game-hub-review__sources > strong {
  display:block;
  margin-bottom:.45rem;
  font-size:.72rem;
  text-transform:uppercase;
}
.se-game-hub-review__method p { margin:.25rem 0 0; }
.se-game-hub-review__sources ol { margin:.35rem 0 0; padding-left:1.25rem; }
.se-game-hub-review__sources li + li { margin-top:.35rem; }
.se-game-hub-review__sources a { overflow-wrap:anywhere; text-underline-offset:.2rem; }

@media (max-width:72rem) {
  .se-game-hub-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .se-game-hub-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .se-game-hub-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:60rem) {
  .se-game-hub-hero__grid,
  .se-game-hub-section__head { grid-template-columns:1fr; }
  .se-game-hub-hero__copy h1 { max-width:14ch; }
  .se-game-hub-status { max-width:34rem; }
  .se-game-hub-location { grid-template-columns:1fr; }
  .se-game-hub-location__label { border-right:0; border-bottom:var(--se-border-2) solid var(--se-border); }
  .se-game-hub-cloud { grid-template-columns:1fr; }
  .se-game-hub-cloud > div + div { border-left:0; border-top:var(--se-border-2) solid var(--se-border); }
}
@media (max-width:42rem) {
  .se-game-hub-hero { padding-top:3rem; }
  .se-game-hub-hero__copy h1 { font-size:clamp(2.8rem,15vw,4.7rem); }
  .se-game-hub-jump { top:4.5rem; }
  .se-game-hub-jump__inner > span { display:none; }
  .se-game-hub-facts,
  .se-game-hub-format-grid,
  .se-game-hub-tool-grid,
  .se-game-hub-steps,
  .se-game-hub-troubleshooting-grid { grid-template-columns:1fr; }
  .se-game-hub-coverage-note,
  .se-game-hub-empty,
  .se-game-hub-callout,
  .se-game-hub-review { grid-template-columns:1fr; }
  .se-game-hub-status dl > div { align-items:flex-start; flex-direction:column; gap:.25rem; }
  .se-game-hub-status dd { text-align:left; }
}