/* Homecraft I (M14 AD): the card on a placed piece (issue #67), and the display, book and frame panels. */
#hc-card { position: fixed; z-index: 15; display: none; width: min(250px, 78vw); padding: 7px 10px 8px; background: #fffaf0; color: var(--ink); border: 2px solid var(--wood2); border-radius: 9px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .28); font-size: 12.5px; line-height: 1.32; cursor: pointer; animation: pop .14s; }
#hc-card.on { display: block; }
.hc-head { display: flex; align-items: center; gap: 6px; }
.hc-head b { font-size: 14px; }
.hc-head .ico { width: 24px; height: 24px; image-rendering: pixelated; flex: none; }
.hc-set { color: #6a4a8a; font-size: 12px; margin-top: 1px; }
.hc-line { margin: 4px 0 3px; font-style: italic; color: var(--ink); }
.hc-state { color: #2f6a8a; font-size: 12px; }
.hc-src, .hc-by { color: var(--ink2); font-size: 11.5px; }
.hc-hint { margin-top: 4px; padding-top: 3px; border-top: 1px dashed var(--paper2); color: var(--wood2); font-size: 11.5px; }
body.touch #hc-card { font-size: 13.5px; width: min(270px, 84vw); }
.hc-phead { background: #fffaf0; border: 2px solid var(--paper2); border-radius: 8px; padding: 6px 9px; margin-bottom: 6px; font-size: 13px; }
.hc-phead .hc-hint { display: none; }
.hc-show h4, .hc-photo h4 { margin: 8px 0 4px; }
.hc-leaf { min-height: 7em; }
.hc-read .btns { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.hc-photo-big { display: block; width: 192px; height: 144px; margin: 4px auto 8px; image-rendering: pixelated; border: 6px solid #8a5a34; border-radius: 3px; background: #f4ead8; }