/* Joculus Studios — wiki-calm-arrow-puzzles.css
   Nur für das Calm-Arrow-Puzzles-Wiki: Levelraster der Seite „Level & Motive“.
   Die Vorschaubilder sind hell wie das Brett in der App (Papier #FAF7F0). */

.cap-levels {
  list-style: none; margin: 16px 0 34px; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 14px;
}
.cap-level {
  display: grid; gap: 3px; align-content: start; margin: 0; padding: 8px;
  border-radius: 14px; border: 1px solid var(--border-strong); background: var(--surface);
}
.cap-level img { display: block; width: 100%; height: auto; border-radius: 10px; background: #faf7f0; }
.cap-level b { margin-top: 4px; font-size: 0.92rem; line-height: 1.25; color: var(--text); }
.cap-level b span { color: var(--text-faint); font-weight: 600; font-variant-numeric: tabular-nums; margin-right: 2px; }
.cap-level small { font-size: 0.78rem; line-height: 1.35; color: var(--text-muted); }
.cap-level .cap-mech { color: var(--text-faint); }
.cap-level.boss { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }

@media (max-width: 560px) {
  .cap-levels { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .cap-level { padding: 6px; }
  .cap-level b { font-size: 0.82rem; }
}