/* Clue cards and their thumbnails, shared by the question board and the interrogation (the dragged card too). */
.qb-card { position: relative; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 5px; border: 1.5px solid var(--ql); border-radius: var(--qr); background: var(--qc); color: var(--qi); text-align: left; touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.qb-th, .qb-ico { width: 42px; height: 42px; border-radius: calc(var(--qr) - 1px); flex: none; background-color: var(--qn); background-repeat: no-repeat; }
.qb-ico { display: grid; place-items: center; }
.qb-ico svg { width: 34px; height: 34px; }
.qb-card .tt { min-width: 0; font-weight: 700; font-size: 13.5px; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.qb-card.held { grid-column: 1 / -1; flex-wrap: wrap; border: 2.5px solid var(--qh); box-shadow: 0 0 0 4px var(--qg); }
.qb-card.held .qb-th, .qb-card.held .qb-ico { width: 60px; height: 60px; }
.qb-card.held .tt { -webkit-line-clamp: unset; font-size: 15px; flex: 1; }
.qb-ghost { position: fixed; left: 0; top: 0; z-index: 40; width: 210px; pointer-events: none; box-shadow: 0 16px 34px rgba(0,0,0,.3); opacity: .96; background: var(--file); color: var(--file-ink); }
[data-theme="cozy"] .qb-ghost { border-radius: 14px; }