:root { --r6: #75fff1; }
:root { --r7: #ffd7f5; }
.r7 { --rc: var(--r7); --rbg: #622c79; }
.card.r7 { background: linear-gradient(135deg,#793a83,#392265 55%,#87522b); animation: divine-shine 1.8s ease-in-out infinite; border-width: 2px; }
.card.r7 .st { font-size: 10px; color:#fff3c4; }
@keyframes divine-shine { 50% { box-shadow: 0 0 16px #ffd7f5, 0 0 30px #ffc954, inset 0 0 10px #fff5; } }
.glow.divine { background: radial-gradient(circle,#fff 0%,#fff0b8 24%,#ffd7f5 48%,#be8cff 70%,transparent 100%) !important; }
.r6 { --rc: var(--r6); --rbg: #125b69; }
.card.r6 { animation: mythic-shine 2s ease-in-out infinite; }
@keyframes mythic-shine { 50% { box-shadow: 0 0 14px #75fff1, 0 0 24px #cbb5ff, 0 3px 0 #0006; } }
/* 5列の小さな札でも★6と役割アイコンを重ねない。 */
.card.r6 .st { font-size: 10px; }
.glow.mythic { background: radial-gradient(circle, #fff 0%, #75fff1 42%, #cbb5ff 75%, transparent 100%) !important; }
.rates { line-height: 1.6; }
.card .nm { text-overflow: ellipsis; }
@media (max-width: 380px) {
  .home-foot #b-gacha { font-size: 14px; padding: 8px 7px; white-space: nowrap; }
  .home-foot #b-go { white-space: nowrap; }
}