/* Hallmark · component: tool finder · existing dark utility tokens
 * Pre-emit critique: P4 H4 E4 S5 R5 V4. No new palette, fonts or motion.
 */
.tool-finder { margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid var(--border); }
.tool-finder-fields { display:flex; flex-wrap:wrap; gap:.75rem; align-items:end; }
.tool-finder-field { flex:1 1 220px; min-width:0; }
.tool-finder-field label { display:block; font-weight:600; margin-bottom:.35rem; }
.tool-finder input, .tool-finder select, .tool-finder button {
  font:inherit; border:1px solid var(--border); border-radius:8px;
  background:var(--bg); color:var(--text); padding:.65rem .75rem; min-height:44px;
}
.tool-finder input, .tool-finder select { width:100%; }
.tool-finder button { white-space:nowrap; cursor:pointer; background:var(--surface2); }
.tool-finder button:hover { border-color:var(--accent); }
.tool-finder :is(input,select,button):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.tool-finder-count { margin-top:.6rem; color:var(--text-muted); font-size:.85rem; }
.finder-empty { padding:1.5rem; border:1px solid var(--border); border-radius:8px; }
.finder-empty h3 { margin-bottom:.5rem; }
.game-panel[hidden], .tool-list li[hidden], .finder-empty[hidden], .tool-finder[hidden] { display:none; }
html, body { overflow-x:clip; }
@media (max-width:768px) {
  .games-stack { grid-template-columns:minmax(0, 1fr); }
  .tool-list { grid-template-columns:minmax(0, 1fr); }
  .section-header { flex-wrap:wrap; }
  .hero h1 { overflow-wrap:anywhere; }
  .tool-finder-field { flex-basis:100%; }
}