/* Database LIST pages (vehicles / weapons / items / characters):
   header with count, a filter + sort toolbar, and scroll-revealed cards. */

.list-page{padding-top:clamp(28px,4vw,44px)}
.list-head .eyebrow{margin-bottom:8px}
.list-title{font-size:clamp(2rem,5vw,3.4rem);line-height:1;margin:0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.list-count{font-family:'Bebas Neue',Impact,sans-serif;font-size:.5em;color:var(--sun-gold);
  letter-spacing:.04em;background:rgba(255,203,61,.12);border:1px solid rgba(255,203,61,.3);
  border-radius:999px;padding:.15em .6em;line-height:1.1}
.list-blurb{color:var(--text-quiet-dark);max-width:60ch;margin:10px 0 0}

/* Toolbar */
.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin:clamp(20px,3vw,30px) 0 clamp(16px,2vw,22px)}
.list-search{display:flex;align-items:center;gap:9px;flex:1 1 240px;min-width:200px;
  background:var(--ink-raised);border:1px solid var(--hairline);border-radius:999px;padding:9px 16px;
  color:var(--text-quiet-dark);transition:border-color .2s}
.list-search:focus-within{border-color:var(--sunset-pink)}
.list-search input{flex:1;background:none;border:0;outline:0;color:var(--paper);font-size:14px;min-width:0}
.list-search svg{flex-shrink:0}
.list-chips{display:flex;flex-wrap:wrap;gap:8px}
.list-chip{font:800 11.5px/1 'Manrope',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;
  color:var(--paper);background:rgba(255,248,236,.05);border:1px solid var(--hairline);
  border-radius:999px;padding:9px 14px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.list-chip:hover{border-color:var(--plum-muted)}
.list-chip.is-on{background:var(--sunset-pink);border-color:var(--sunset-pink);color:#fff}
.list-sort{display:inline-flex;align-items:center;gap:8px;margin-left:auto;
  color:var(--text-quiet-dark);font:700 11.5px/1 'Manrope',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.list-sort select{background:var(--ink-raised);border:1px solid var(--hairline);border-radius:10px;
  color:var(--paper);padding:9px 12px;font-size:13px;cursor:pointer}
.list-sort select:focus{outline:0;border-color:var(--sunset-pink)}

.list-empty-msg{color:var(--text-quiet-dark);padding:26px 0}
/* .recordcard/.charcard set display:block, which overrides the [hidden] attribute —
   force filtered-out cards to actually hide. */
.list-grid [hidden]{display:none!important}

/* Scroll reveal (cards fade-rise as they enter view) */
.rec-rev{opacity:0;transform:translateY(16px);
  transition:opacity .55s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.rec-rev.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .rec-rev{opacity:1;transform:none;transition:none} }