/* Goetschi Arcade · Experience Foundation v1.0.002
   Progressive enhancement of the established v1.0.001 CI layer.
   Product rules: play-first, one navigation language, progressive disclosure,
   original GL artwork, semantic theme tokens, keyboard-first interaction. */

.page-store .site-header {min-height:68px;gap:clamp(9px,2vw,22px)}
.page-store .site-header .primary-nav {gap:4px}
.page-store .site-header .primary-nav .nav-link {
  border-radius:0;border-bottom:2px solid transparent;
  background:transparent;box-shadow:none;padding:12px 11px;
  font-size:12px;font-weight:600;white-space:nowrap;
}
.page-store .site-header .primary-nav .nav-link.current,
.page-store .site-header .primary-nav .nav-link[aria-current="page"] {
  box-shadow:none;border-bottom-color:var(--accent);color:var(--text);
}
.page-store .store-settings-link {
  display:inline-flex;flex:none;align-items:center;justify-content:center;
  width:42px;height:42px;border:1px solid var(--line);
  border-radius:var(--radius-control);color:var(--muted);text-decoration:none;
}
.page-store .store-settings-link svg {
  width:20px;height:20px;fill:none;stroke:currentColor;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.page-store .store-settings-link:hover,
.page-store .store-settings-link:focus-visible {
  color:var(--accent);border-color:var(--accent);
}
.page-store .store-hero {align-items:center;gap:clamp(14px,2vw,28px)}
.page-store .store-hero-copy .section-kicker {font-size:9px}
.page-store .store-hero h1 {font-size:clamp(26px,3vw,38px)}
.page-store .store-hero .store-shared-summary {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  margin:7px 0 0;gap:1px;border-top:1px solid var(--line);
}
.page-store .store-hero .store-shared-summary>div {
  min-width:0;display:flex;flex-direction:column;align-items:flex-start;
  padding:12px 8px 2px;gap:3px;background:transparent;border:0;
}
.page-store .store-hero .store-shared-summary strong {
  font-size:clamp(17px,1.8vw,24px);line-height:1.2;
}
.page-store .store-hero .store-shared-summary small {
  font-size:10px;line-height:1.3;
}
.page-store .store-hero .store-counter {margin:0;gap:8px}
.page-store .store-hero .store-counter strong {font-size:22px}
.page-store .store-journeys {display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.page-store .store-journeys a {
  display:inline-flex;justify-content:center;align-items:center;gap:9px;
  min-height:42px;padding:9px 13px;border:1px solid var(--line-strong);
  border-radius:var(--radius-control);text-decoration:none;
  font-size:12px;font-weight:650;color:var(--text);background:transparent;
}
.page-store .store-journeys .store-journey-primary {
  color:var(--accent-ink);background:var(--accent);border-color:var(--accent);
}
.page-store .store-journeys a:hover {border-color:var(--accent)}
.page-store .archive-explorer {scroll-margin-top:12px}
.page-store #archive-oneclick,.page-store #archive-systems,
.page-store #store-title {scroll-margin-top:18px}
.page-store .archive-oneclick {padding:clamp(13px,1.7vw,22px);margin-block:15px}
.page-store .archive-oneclick-heading h3 {font-size:clamp(19px,2vw,25px)}
.page-store .archive-quick-search {gap:4px}
.page-store .archive-quick-search button {min-height:36px}
.page-store .archive-grid {gap:10px}
.page-store .archive-card {box-shadow:none}
.page-store .archive-more {margin:15px 0}
.page-store .archive-more button {min-height:44px;border-radius:var(--radius-control)}
.page-store .store-section {scroll-margin-top:16px}
.page-store .store-external,.page-store .store-sources {
  margin:0;padding:19px 0;border-top:1px solid var(--line);
}
.page-store .store-external .store-heading,
.page-store .store-sources h2 {margin:0 0 9px}
.page-store .store-external .store-heading h2,.page-store .store-sources h2 {
  font-size:clamp(18px,2vw,24px);
}
.page-store .store-fold {
  border:1px solid var(--line);border-radius:var(--radius-panel);
  background:var(--surface);margin:8px 0 12px;overflow:clip;
}
.page-store .store-fold>summary {
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  list-style:none;cursor:pointer;min-height:48px;padding:11px 15px;
  color:var(--text);font:650 13px/1.4 var(--font-body);
}
.page-store .store-fold>summary::-webkit-details-marker {display:none}
.page-store .store-fold>summary span {color:var(--accent)}
.page-store .store-fold[open]>summary span {transform:rotate(180deg)}
.page-store .store-fold>summary:hover {background:var(--surface-hi)}
.page-store .store-fold>summary:focus-visible {outline:2px solid var(--focus);outline-offset:-3px}
.page-store .store-fold-content {border-top:1px solid var(--line);padding:14px 15px}
.page-store .store-fold-content p {margin:0 0 12px}
.page-store .store-fold-content .source-links {margin-top:6px}
.page-store .store-quick-import {margin:14px 0;padding:clamp(14px,2vw,21px);border-radius:var(--radius-panel)}
.page-store .store-quick-import>.store-heading {margin-bottom:8px}
.page-store .store-quick-import .section-kicker {font-size:10px}
.page-store .store-quick-import>p {margin:4px 0 13px}
.page-store .store-quick-drop {min-height:86px}
.page-store .site-footer {margin-top:12px}
.store-mobile-nav {display:none}

@media(max-width:960px) {
  .page-store .store-hero .store-shared-summary {grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-store .site-header .header-actions {margin-left:auto}
}
@media(max-width:760px) {
  .page-store .shell {width:calc(100% - 28px);max-width:600px}
  .page-store .site-header {
    display:flex;flex-direction:row;flex-wrap:nowrap;
    justify-content:space-between;gap:8px;padding:10px 0 9px;
    min-height:58px;
  }
  .page-store .site-header .brand {min-width:0;gap:8px}
  .page-store .site-header .brand img {width:36px;height:36px}
  .page-store .site-header .brand-copy strong {font-size:15px}
  .page-store .site-header .brand-copy small {font-size:8px}
  .page-store .site-header .primary-nav {display:none}
  .page-store .site-header .header-actions {grid-column:auto;grid-row:auto;width:auto;margin:0;gap:6px}
  .page-store .site-header .theme-control select {width:84px;max-width:84px}
  .page-store #store {padding-bottom:calc(77px + env(safe-area-inset-bottom))}
  .page-store .store-hero {padding:13px;gap:10px}
  .page-store .store-hero .store-shared-summary {gap:0}
  .page-store .store-hero .store-shared-summary>div {padding:9px 4px 0}
  .page-store .store-hero .store-shared-summary span,
  .page-store .store-hero .store-shared-summary small {font-size:9px}
  .page-store .store-hero .store-shared-summary strong {font-size:17px}
  .page-store .store-journeys {display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}
  .page-store .store-journeys a {padding:8px;min-height:45px;text-align:center;font-size:11px}
  .page-store .store-hero .store-counter {font-size:11px}
  .page-store .archive-heading {gap:9px}
  .page-store .archive-heading h2 {font-size:23px}
  .page-store .archive-oneclick-heading p {font-size:12px}
  .page-store .archive-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .page-store .archive-card {min-width:0}
  .page-store .store-external .store-note {display:none}
  .store-mobile-nav {
    position:fixed;z-index:30;bottom:0;left:0;right:0;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;padding:6px max(12px,env(safe-area-inset-right))
      calc(6px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    background:var(--bg-elevated);border-top:1px solid var(--line);
  }
  .store-mobile-nav a {
    min-width:0;min-height:49px;display:flex;flex-direction:column;
    justify-content:center;align-items:center;gap:3px;
    color:var(--muted);font:600 10px/1.2 var(--font-body);
    text-align:center;text-decoration:none;border-radius:var(--radius-control);
  }
  .store-mobile-nav a[aria-current="page"] {color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
  .store-mobile-nav svg {
    width:19px;height:19px;flex:none;fill:none;stroke:currentColor;
    stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
  }
  .store-mobile-nav a:focus-visible {outline:2px solid var(--focus);outline-offset:2px}
}
@media(max-width:390px) {
  .page-store .archive-grid {grid-template-columns:minmax(0,1fr)}
  .page-store .store-hero .store-shared-summary small {display:none}
  .page-store .site-header .theme-control select {width:75px;max-width:75px}
}
/* Compact mobile archive rows keep cover art legible while preventing card-scroll fatigue. */
@media(max-width:580px) {
  .page-store .archive-grid {grid-template-columns:minmax(0,1fr);gap:7px}
  .page-store .archive-card {
    display:grid;grid-template-columns:96px minmax(0,1fr);align-items:stretch;
    border-radius:var(--radius-panel);min-height:130px;
  }
  .page-store .archive-card-open-art {width:96px;height:100%;align-self:stretch}
  .page-store .archive-card-open-art .archive-card-art {
    width:96px;height:100%;min-height:130px;
  }
  .page-store .archive-card-cover {object-fit:contain}
  .page-store .archive-card-fallback {font-size:34px}
  .page-store .archive-card-ribbon {
    top:5px;left:5px;max-width:86px;padding:3px 4px;font-size:9px;
    white-space:normal;line-height:1.2;
  }
  .page-store .archive-card-star {right:4px;top:36px}
  .page-store .archive-card-main {
    min-width:0;padding:9px 10px;gap:2px;
  }
  .page-store .archive-card-console {font-size:9px;letter-spacing:.03em}
  .page-store .archive-card-title {
    margin:3px 0;font-size:13px;line-height:1.28;min-height:0;
  }
  .page-store .archive-card-edition-count {margin:0;font-size:10px}
  .page-store .archive-card-bottom {
    display:flex;align-items:center;flex-wrap:wrap;gap:5px;
    margin-top:auto;padding-top:3px;
  }
  .page-store .archive-details-link {min-height:34px;font-size:10px;padding:5px 2px}
  .page-store .archive-card-bookmark button {min-height:34px}
}
@media(prefers-reduced-motion:reduce) {
  .page-store .store-fold>summary span {transition:none}
}