/* Beta 39 · Manikel-Band (Startseite, über dem Fußbereich). Nur geladen, wenn inc/hand.php es erlaubt. Farben nur über Tokens → folgt Kleid und Dunkelmodus. */
.sp-hand { padding-block: var(--s-8); background: var(--c-paper); color: var(--c-brand-ink); border-top: 1px solid var(--c-line); }
.sp-hand { touch-action: pan-y; }
.sp-hand-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s-3); max-width: 26rem; margin-inline: auto; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
.sp-hand-cell { aspect-ratio: 1; display: grid; place-items: center; }
.sp-hand-cell .icon { width: 100%; height: auto; stroke-width: 1.75; transform: rotate(90deg); will-change: transform; }
.sp-hand-cell.is-accent { color: var(--c-accent); }
.sp-hand-ask { margin: var(--s-6) 0 var(--s-2); text-align: center; font-family: var(--font-display); font-style: italic; font-size: var(--fs-2); line-height: 1.3; color: var(--c-ink-soft); } /* Beta 41: die Frage des Gasts, kein Zitat — ohne Anführungszeichen */
.sp-hand-line { margin: 0; text-align: center; font-family: var(--font-display); font-weight: var(--display-weight); font-size: var(--fs-4); letter-spacing: var(--display-tracking); line-height: 1.2; color: var(--c-ink); }
@media (min-width: 48rem) { .sp-hand-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 52rem; } }
@media (prefers-reduced-motion: reduce) { .sp-hand-cell .icon { will-change: auto; } }
:is(.sp-kleid-6, .sp-kleid-7) .sp-hand-cell:not(.is-accent) .icon, .sp-kleid-7 .sp-hand-cell .icon { stroke-width: 2.25; } /* Beta 40: ohne Farbe trägt der Strich — Schwarzweiß-Hände kräftiger, die Claret-Hand in Kleid 6 bleibt 1,75 */
/* Ende Beta 39–41 */