/* =========================================================
   역천록 (逆天錄) - 진선 등선(眞仙登仙) 비승 엔딩 모달 스타일 (ascensionModal.css)
   ========================================================= */

.ascension-backdrop {
  background: rgba(4, 7, 15, 0.88);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.ascension-dialog {
  background: radial-gradient(circle at 50% 10%, #1e1b4b 0%, #090d16 65%, #030712 100%);
  border: 2px solid #fbbf24;
  box-shadow: 0 0 35px rgba(251, 191, 36, 0.4), 0 0 70px rgba(147, 51, 234, 0.3);
  border-radius: 12px;
  max-width: 620px;
  width: 100%;
  padding: 2rem;
  color: #f1f5f9;
  text-align: center;
  animation: ascension-appear 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}

@keyframes ascension-appear {
  0% { transform: scale(0.85) translateY(20px); opacity: 0; }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}

.ascension-header {
  position: relative;
  margin-bottom: 1.5rem;
}

.ascension-emblem {
  font-size: 2.2rem;
  display: block;
  margin-bottom: 0.3rem;
  filter: drop-shadow(0 0 10px rgba(251, 191, 36, 0.8));
}

.ascension-title {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fef08a;
  text-shadow: 0 0 15px rgba(250, 204, 21, 0.6), 0 2px 4px rgba(0, 0, 0, 0.8);
  margin: 0 0 0.4rem 0;
  letter-spacing: 0.05em;
}

.ascension-subtitle {
  font-size: 0.85rem;
  color: #c084fc;
  margin: 0;
  font-weight: 500;
}

.ascension-poem {
  background: rgba(15, 23, 42, 0.65);
  border-left: 3px solid #fbbf24;
  border-right: 3px solid #fbbf24;
  border-radius: 6px;
  padding: 1rem 1.2rem;
  font-size: 0.88rem;
  line-height: 1.65;
  color: #e2e8f0;
  font-style: italic;
  margin-bottom: 1.5rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.ascension-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.65rem;
  margin-bottom: 1.8rem;
}

.ascension-stat-card {
  background: rgba(30, 41, 59, 0.45);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 6px;
  padding: 0.6rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  text-align: left;
}

.ascension-stat-card.karma-card {
  grid-column: span 2;
  background: linear-gradient(135deg, rgba(88, 28, 135, 0.4), rgba(180, 83, 9, 0.35));
  border-color: rgba(251, 191, 36, 0.4);
}

.ascension-stat-card .stat-label {
  font-size: 0.72rem;
  color: #94a3b8;
  font-weight: 600;
}

.ascension-stat-card .stat-value {
  font-size: 0.95rem;
  font-weight: 700;
  color: #f8fafc;
}

.ascension-stat-card .stat-value.gold { color: #facc15; }
.ascension-stat-card .stat-value.cyan { color: #38bdf8; }
.ascension-stat-card .stat-value.green { color: #4ade80; }
.ascension-stat-card .stat-value.purple { color: #c084fc; }
.ascension-stat-card .stat-value.gold-glow {
  color: #fde047;
  font-size: 1.05rem;
  text-shadow: 0 0 10px rgba(250, 204, 21, 0.7);
}

.ascension-footer {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
}

.btn-ascension-close,
.btn-ascension-reincarnate {
  padding: 0.75rem 1.2rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

.btn-ascension-close {
  background: #1e293b;
  color: #cbd5e1;
  border: 1px solid #475569;
}

.btn-ascension-close:hover {
  background: #334155;
  color: #ffffff;
  border-color: #94a3b8;
}

.btn-ascension-reincarnate {
  background: linear-gradient(135deg, #b45309, #d97706);
  color: #ffffff;
  border: 1px solid #fbbf24;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.4);
}

.btn-ascension-reincarnate:hover {
  background: linear-gradient(135deg, #d97706, #f59e0b);
  box-shadow: 0 0 20px rgba(251, 191, 36, 0.7);
  transform: translateY(-1px);
}