/* ==========================================================================
   رحلة الكنز — صفحة الإعداد
   ========================================================================== */

.tr-preview {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    flex-wrap: wrap; position: relative;
    padding: 18px 14px 20px; margin-bottom: 18px;
    background: linear-gradient(135deg, #fff7e6, #e8f6ff);
    border: 1px solid #f1e3c4; border-radius: 16px;
}
.tr-preview-sq {
    width: 42px; height: 42px; display: grid; place-items: center;
    background: #fff; border: 2px solid #f0d9a8; border-radius: 12px;
    font-size: 1.25rem; box-shadow: 0 2px 0 #ecd7a4;
}
.tr-preview-trap { border-color: #cbd5e1; background: #f1f5f9; }
.tr-preview-end { border-color: #a7d8c0; background: #ecfdf5; }
.tr-preview-pawn, .tr-preview-dice { font-size: 1.5rem; }
.tr-preview-dice { margin-inline-start: 8px; }

.tr-why {
    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px;
    padding: 16px 18px; margin-bottom: 20px; color: #1e293b;
}
.tr-why h4 { font-size: 1rem; font-weight: 800; margin: 0 0 6px; }
.tr-why p { margin: 0 0 8px; font-size: .92rem; line-height: 1.8; }
.tr-why-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; font-size: .9rem; line-height: 1.7; }

.tr-alert-error { border-color: #fecaca; background: #fff1f2; }
.tr-alert-error p { color: #b91c1c; font-weight: 700; margin: 0; }

.verse-count.tr-count-bad { color: #dc2626; }