/* テーマ：墨・炭火（焼鳥 案B／黒基調）
   コンセプト＝暗がりに炭火の熾り。背後に赤みがじわっと明滅する。 */

.rs-loader {
  --rs-loader-bg: #17140f;
  --rs-loader-fg: #f2ede4;
}

/* 炭火の熾り */
.rs-loader__glow {
  opacity: 1;
  background: radial-gradient(
    58% 46% at 50% 62%,
    rgba(196, 84, 38, 0.28) 0%,
    rgba(150, 58, 24, 0.12) 38%,
    rgba(23, 20, 15, 0) 72%
  );
  animation: rs-ember 3.2s ease-in-out infinite;
}

@keyframes rs-ember {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50%      { opacity: 1;    transform: scale(1.08); }
}

.rs-loader__inner { gap: 26px; }

.rs-loader__name {
  writing-mode: vertical-rl;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: 19px;
  letter-spacing: 0.42em;
  line-height: 1;
  white-space: nowrap;
  animation-duration: 1.4s;
  text-shadow: 0 0 24px rgba(0, 0, 0, 0.6);
}

.rs-loader__bar {
  width: 1px;
  height: 56px;
  opacity: 0.22;
}

.rs-loader__bar::after {
  background: #d8763f;
  transform: translateY(-100%);
  animation: rs-sumi-drop 1.6s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

@keyframes rs-sumi-drop {
  0%   { transform: translateY(-100%); }
  55%  { transform: translateY(0); }
  100% { transform: translateY(100%); }
}

/* 黒基調は動きを抑えてフェード主体に。重心を低く保つ */
.rs-reveal {
  transform: translateY(16px);
  transition-duration: 1.25s;
}