/* SaveEditor.com Game Directory - Phase 08 */
.se-game-directory { background: var(--se-bg); }
.se-game-directory-hero { padding: clamp(3rem,7vw,6.5rem) 0 3.5rem; border-bottom: var(--se-border-2) solid var(--se-border); }
.se-game-directory-hero__grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(18rem,.55fr); gap:clamp(2rem,5vw,5rem); align-items:end; }
.se-game-directory-hero .se-breadcrumbs { margin-bottom:2rem; }
.se-game-directory-hero h1 { max-width:14ch; margin:.4rem 0 1.25rem; font-size:clamp(3.25rem,7vw,7rem); font-weight:950; line-height:.88; letter-spacing:-.07em; text-transform:uppercase; }
.se-game-directory-hero__lede { max-width:48rem; margin:0; color:var(--se-text-muted); font-size:clamp(1.05rem,2vw,1.3rem); }
.se-game-directory-policy { border:var(--se-border-2) solid var(--se-border); background:var(--se-surface); box-shadow:var(--se-shadow-accent); }
.se-game-directory-policy__head { display:flex; gap:.7rem; align-items:center; padding:.85rem 1rem; border-bottom:var(--se-border-2) solid var(--se-border); background:var(--se-ink-950); color:white; font-size:.72rem; font-weight:850; letter-spacing:.06em; }
.se-game-directory-policy__head svg { width:1.1rem; color:var(--se-accent); }
.se-game-directory-policy dl { margin:0; }
.se-game-directory-policy dl div { display:grid; grid-template-columns:1fr 1fr; gap:1rem; padding:.9rem 1rem; border-bottom:1px solid var(--se-ink-300); }
.se-game-directory-policy dl div:last-child { border-bottom:0; }
.se-game-directory-policy dt { color:var(--se-text-muted); font-size:.78rem; }
.se-game-directory-policy dd { margin:0; text-align:right; font-size:.78rem; font-weight:850; }

.se-game-alpha, .se-game-catalog, .se-game-directory-guide, .se-game-directory-faq { padding:clamp(3rem,6vw,5.5rem) 0; border-bottom:var(--se-border-2) solid var(--se-border); }
.se-game-directory-section-head { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1fr); gap:2rem; margin-bottom:2rem; align-items:end; }
.se-game-directory-section-head h2 { margin:.35rem 0 0; font-size:clamp(2rem,4vw,4rem); line-height:.95; letter-spacing:-.055em; text-transform:uppercase; }
.se-game-directory-section-head > p { max-width:42rem; margin:0; color:var(--se-text-muted); }

.se-game-alpha__nav { display:grid; grid-template-columns:repeat(14,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-alpha__nav a { min-height:3.25rem; display:grid; place-items:center; border-right:var(--se-border-2) solid var(--se-border); border-bottom:var(--se-border-2) solid var(--se-border); background:var(--se-surface); font-family:var(--se-font-mono); font-size:.75rem; font-weight:900; text-decoration:none; transition:background var(--se-duration-fast) var(--se-ease), color var(--se-duration-fast) var(--se-ease); }
.se-game-alpha__nav a:hover { background:var(--se-surface-muted); }
.se-game-alpha__nav a.is-active { background:var(--se-accent); }

.se-game-catalog { background:var(--se-paper-50); }
.se-game-catalog__layout { display:grid; grid-template-columns:minmax(15rem,19rem) minmax(0,1fr); gap:2rem; align-items:start; }
.se-game-filter-panel { position:sticky; top:7rem; border:var(--se-border-2) solid var(--se-border); background:var(--se-bg); box-shadow:var(--se-shadow-sm); }
.se-game-filter { padding:1rem; }
.se-game-filter__heading { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding-bottom:1rem; border-bottom:1px solid var(--se-ink-300); }
.se-game-filter__heading span { font-size:.7rem; font-weight:900; letter-spacing:.06em; }
.se-game-filter__heading a { font-size:.75rem; font-weight:800; text-underline-offset:.2rem; }
.se-game-filter__group { margin-top:1rem; }
.se-game-filter__search { display:flex; align-items:center; min-height:3rem; border:var(--se-border-2) solid var(--se-border); background:var(--se-surface); }
.se-game-filter__search svg { flex:0 0 1.25rem; width:1.25rem; margin-left:.75rem; }
.se-game-filter__search input { min-width:0; width:100%; border:0; background:transparent; padding:.75rem; }
.se-game-filter__submit { width:100%; margin-top:1.25rem; }
.se-game-filter-panel__note { display:grid; grid-template-columns:auto 1fr; gap:.8rem; padding:1rem; border-top:var(--se-border-2) solid var(--se-border); background:var(--se-ink-950); color:white; }
.se-game-filter-panel__note > span { width:2.5rem; height:2.5rem; display:grid; place-items:center; border:1px solid var(--se-accent); color:var(--se-accent); }
.se-game-filter-panel__note svg { width:1.2rem; }
.se-game-filter-panel__note strong { font-size:.8rem; text-transform:uppercase; }
.se-game-filter-panel__note p { margin:.25rem 0 0; color:#bcbcbc; font-size:.75rem; line-height:1.45; }

.se-game-results__toolbar { min-height:3rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:1rem; }
.se-game-results__toolbar > .se-mono { font-size:.72rem; font-weight:850; text-transform:uppercase; }
.se-game-active-filters { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.45rem; }
.se-game-active-filters a { display:inline-flex; gap:.5rem; align-items:center; border:1px solid var(--se-border); background:var(--se-surface); padding:.35rem .55rem; font-size:.7rem; font-weight:800; text-decoration:none; }
.se-game-active-filters a span { font-size:1rem; line-height:1; }
.se-game-results__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }

.se-game-card { min-width:0; border:var(--se-border-2) solid var(--se-border); background:var(--se-surface); box-shadow:var(--se-shadow-sm); transition:transform var(--se-duration-fast) var(--se-ease), box-shadow var(--se-duration-fast) var(--se-ease); }
.se-game-card:hover { transform:translate(-2px,-2px); box-shadow:7px 7px 0 var(--se-border); }
.se-game-card__main { min-height:100%; display:flex; flex-direction:column; color:inherit; text-decoration:none; }
.se-game-card__top { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.9rem; border-bottom:var(--se-border-2) solid var(--se-border); background:var(--se-surface-muted); }
.se-game-card__icon { width:2.65rem; height:2.65rem; display:grid; place-items:center; border:var(--se-border-2) solid var(--se-border); background:var(--se-accent); }
.se-game-card__icon svg { width:1.35rem; }
.se-game-card__type { font-size:.62rem; font-weight:900; letter-spacing:.08em; }
.se-game-card__identity { padding:1rem 1rem .5rem; }
.se-game-card__identity h3 { margin:0; font-size:1.4rem; line-height:1.02; letter-spacing:-.04em; }
.se-game-card__identity p { margin:.4rem 0 0; color:var(--se-text-muted); font-size:.75rem; }
.se-game-card__summary { margin:0; padding:0 1rem 1rem; color:var(--se-text-muted); font-size:.82rem; line-height:1.5; }
.se-game-card__signals { margin:auto 1rem 1rem; display:grid; gap:.45rem; }
.se-game-card__signals > span { min-width:0; display:flex; align-items:center; gap:.5rem; color:var(--se-ink-500); }
.se-game-card__signals > span.is-present { color:var(--se-text); }
.se-game-card__signals svg { flex:0 0 1rem; width:1rem; }
.se-game-card__signals small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.7rem; }
.se-game-card__meta { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--se-ink-300); }
.se-game-card__meta > div { min-width:0; padding:.75rem 1rem; }
.se-game-card__meta > div + div { border-left:1px solid var(--se-ink-300); }
.se-game-card__meta span { display:block; margin-bottom:.2rem; color:var(--se-text-muted); font-size:.58rem; letter-spacing:.06em; }
.se-game-card__meta strong { display:block; overflow:hidden; font-size:.7rem; line-height:1.35; }
.se-game-card__footer { min-height:3rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.75rem 1rem; border-top:var(--se-border-2) solid var(--se-border); background:var(--se-ink-950); color:white; }
.se-game-card__footer > span { color:#aaa; font-size:.58rem; }
.se-game-card__footer strong { display:inline-flex; gap:.45rem; align-items:center; color:var(--se-accent); font-size:.7rem; text-transform:uppercase; }
.se-game-card__footer svg { width:.95rem; }

.se-game-pagination { margin-top:2rem; }
.se-game-pagination .page-numbers { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.45rem; }
.se-game-pagination .page-numbers li { margin:0; }
.se-game-pagination a.page-numbers, .se-game-pagination span.page-numbers { min-width:2.65rem; min-height:2.65rem; display:grid; place-items:center; border:var(--se-border-2) solid var(--se-border); background:var(--se-surface); color:var(--se-text); font-family:var(--se-font-mono); font-size:.7rem; font-weight:850; text-decoration:none; }
.se-game-pagination span.current { background:var(--se-accent); }

.se-game-empty-state { border:var(--se-border-2) solid var(--se-border); background:var(--se-bg); padding:clamp(2rem,5vw,4rem); box-shadow:var(--se-shadow-sm); }
.se-game-empty-state > span { width:3rem; height:3rem; display:grid; place-items:center; border:var(--se-border-2) solid var(--se-border); background:var(--se-accent); }
.se-game-empty-state > span svg { width:1.4rem; }
.se-game-empty-state h3 { margin:.6rem 0; font-size:clamp(1.5rem,3vw,2.6rem); letter-spacing:-.04em; }
.se-game-empty-state p:not(.se-kicker) { max-width:38rem; color:var(--se-text-muted); }

.se-game-directory-guide { background:var(--se-ink-950); color:white; }
.se-game-directory-guide__grid { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1fr); gap:clamp(2rem,6vw,6rem); }
.se-game-directory-guide h2 { margin:.35rem 0 0; max-width:11ch; font-size:clamp(2.4rem,5vw,5rem); line-height:.92; letter-spacing:-.06em; text-transform:uppercase; }
.se-game-directory-guide__copy > p { margin-top:0; color:#c4c4c4; }
.se-game-directory-guide__steps { display:grid; grid-template-columns:repeat(3,1fr); margin-top:2rem; border-top:1px solid #444; border-left:1px solid #444; }
.se-game-directory-guide__steps article { padding:1rem; border-right:1px solid #444; border-bottom:1px solid #444; }
.se-game-directory-guide__steps span { color:var(--se-accent); font-size:.65rem; }
.se-game-directory-guide__steps h3 { margin:.75rem 0 .4rem; text-transform:uppercase; }
.se-game-directory-guide__steps p { margin:0; color:#aaa; font-size:.75rem; line-height:1.5; }

.se-game-directory-faq .se-accordion { max-width:64rem; }

@media (max-width:72rem) {
  .se-game-results__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .se-game-alpha__nav { grid-template-columns:repeat(9,minmax(0,1fr)); }
}
@media (max-width:58rem) {
  .se-game-directory-hero__grid,.se-game-directory-section-head,.se-game-directory-guide__grid { grid-template-columns:1fr; }
  .se-game-catalog__layout { grid-template-columns:1fr; }
  .se-game-filter-panel { position:static; }
  .se-game-directory-guide__steps { grid-template-columns:1fr; }
}
@media (max-width:42rem) {
  .se-game-directory-hero h1 { font-size:clamp(2.75rem,15vw,4.5rem); }
  .se-game-alpha__nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .se-game-results__grid { grid-template-columns:1fr; }
  .se-game-results__toolbar { align-items:flex-start; flex-direction:column; }
  .se-game-active-filters { justify-content:flex-start; }
  .se-game-card__meta { grid-template-columns:1fr; }
  .se-game-card__meta > div + div { border-left:0; border-top:1px solid var(--se-ink-300); }
  .se-game-card__footer { align-items:flex-start; flex-direction:column; }
}