/* 赤い糸診断 — RED THREAD（気になる・運命の糸） */
:root {
  --accent: #e63946;
  --accent-2: #f2a65a;
  --accent-soft: rgba(230, 57, 70, 0.18);
  --glow: 0 0 50px rgba(230, 57, 70, 0.32);
}

.dx-mark .rt-icon {
  width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; font-size: 0.95rem;
  background: radial-gradient(circle at 35% 30%, #ff8a93, #e63946 65%, #b71c2b);
  box-shadow: 0 0 16px rgba(230,57,70,0.5);
}

/* エンブレム：結ばれる赤い糸 */
.rt-emblem { position: absolute; inset: 0; display: grid; place-items: center; }
.rt-emblem .heart { font-size: clamp(2.6rem, 8vw, 4rem); filter: drop-shadow(0 0 18px rgba(230,57,70,0.55)); animation: rt-beat 1.8s ease-in-out infinite; }
@keyframes rt-beat { 0%,100% { transform: scale(1); } 14% { transform: scale(1.14); } 28% { transform: scale(1); } 42% { transform: scale(1.1); } }
.rt-emblem .ring { position: absolute; inset: 6%; border: 1px dashed var(--accent-soft); border-radius: 50%; animation: dx-spin 26s linear infinite; }

/* 結果の赤い糸ビジュアル */
.rt-thread { width: min(360px, 84vw); margin: 6px auto 0; }
.rt-thread .end { font-size: 1.5rem; }
.rt-path { stroke: url(#rtGrad); stroke-width: 3; fill: none; stroke-linecap: round; filter: drop-shadow(0 2px 6px rgba(230,57,70,0.5)); }

.dx-pp .ph { font-size: 2.2rem; }