/* ═══════════════════════════════════════ HOME ═══════════════════════════════════════ */
.home {
  flex: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: calc(var(--space-xl) + env(safe-area-inset-top)) var(--app-px) calc(var(--space-lg) + env(safe-area-inset-bottom));
  text-align: center; overflow-y: auto; width: 100%;
}
.home-mark {
  position: relative;
  width: clamp(120px, 18vmin, 172px);
  height: clamp(120px, 18vmin, 172px);
  border-radius: clamp(24px, 3vmin, 36px);
  margin-bottom: var(--space-lg);
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(145deg, rgba(224,92,125,.12), rgba(168,120,216,.08) 50%, rgba(216,168,104,.10));
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  box-shadow: 0 20px 60px rgba(224,92,125,.20), 0 0 80px rgba(168,120,216,.12), inset 0 1px 0 rgba(255,255,255,.22);
}
.home-mark-inner { width: 60%; height: 60%; display: flex; align-items: center; justify-content: center; }
.flame-svg { width: 100%; height: 100%; }
.home-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(76px, 15vmin, 132px);
  font-weight: 300;
  letter-spacing: clamp(12px, 3vw, 26px);
  line-height: 1;
  margin-bottom: clamp(20px, 4vh, 36px);
  background: linear-gradient(110deg, #f4ecf8 0%, var(--rose) 25%, var(--plum) 50%, var(--gold) 75%, #f4ecf8 100%);
  background-size: 250% auto;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  animation: shimmer 12s linear infinite;
  text-align: center;
}
.home-subtitle {
  font-size: clamp(9px, 1.1vw, 12px);
  font-weight: 400; letter-spacing: clamp(6px, 1vw, 10px);
  text-transform: uppercase; color: var(--text-3);
  margin-bottom: 8px;
}
.home-names {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic; font-size: clamp(14px, 1.6vw, 18px);
  font-weight: 400; color: var(--gold);
  letter-spacing: 1px; margin-bottom: var(--space-xl);
}
.home-levels {
  display: flex; gap: 6px;
  width: clamp(180px, 26vmin, 260px);
  height: clamp(44px, 7vmin, 72px);
  align-items: flex-end;
  margin-bottom: clamp(28px, 5vh, 52px);
}
.home-levels .lv { flex: 1; border-radius: 3px; opacity: .7; box-shadow: 0 0 10px currentColor; }
.home-actions { width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: 12px; }