/* Kruiswoord met plaatjes: the shared crossword board with pictures for clues and open squares between the words. */
@import url('crossword-board.css');
.cw--pictures .cw-gridbox { --cw-max: 62px; }
/* Only the squares of the words are drawn; the rest is paper. */
.cw--pictures .cw-grid { gap: 0; padding: 0; background: none; }
.cw--pictures .cw-cell--letter { box-shadow: 0 0 0 1px #1f2937; z-index: 0; }
.cw--pictures .cw-cell--letter.is-word, .cw--pictures .cw-cell--letter.is-cell { z-index: 1; }
.cw--pictures .cw-cell--block { background: transparent; }
.cw--pictures .cw-cluebar { min-height: 132px; }
.cw--pictures .cw-cluebar__clue { display: block; }
.cw--pictures .cw-cluebar .kmp-picture { display: block; width: 104px; height: 104px; margin: 4px auto 0; }
.kmp-picture svg { display: block; width: 100%; height: 100%; }
.cw--pictures .cw-list__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 6px; }
.cw--pictures .cw-list__item { display: flex; align-items: center; gap: 6px; height: 100%; }
.cw--pictures .cw-list__text { display: flex; align-items: center; gap: 8px; }
.cw--pictures .cw-list__text .kmp-picture { flex: none; width: 56px; height: 56px; }
.kmp-length { font-size: 15px; color: #4b5563; white-space: nowrap; }
.sp--large .cw--pictures .cw-cluebar .kmp-picture { width: 128px; height: 128px; }
.sp--large .kmp-length { font-size: 18px; }
.sp--contrast .cw--pictures .cw-cell--letter { box-shadow: 0 0 0 2px #000; }
.sp--contrast .kmp-length { color: #000; }