/* Night sakura theatre — the main visual runs through every page and module. */
body { background: #111426; }
.site-header { background: rgba(11, 13, 29, .82); }
.brand::before { background-image: url("rodokugeki-yozakura-mark.svg"); }
.emblem-wrap::before { background-image: url("rodokugeki-yozakura-mark.svg"); }

/* 首页主视觉は、背景画ではなく第一版の Logo 表現を使用する。 */

.page-hero {
  background:
    linear-gradient(90deg, rgba(12, 14, 30, .92), rgba(12, 14, 30, .52)),
    url("visual-night-sakura.png") center 42% / cover no-repeat;
}
.page-hero p { color: rgba(242, 237, 230, .78); }
.seiyuu {
  background:
    linear-gradient(90deg, rgba(18, 16, 35, .92), rgba(18, 16, 35, .55)),
    url("visual-night-sakura.png") 18% 78% / 190% no-repeat;
}
.panel.tint { background: linear-gradient(135deg, rgba(39, 31, 58, .96), rgba(22, 24, 47, .96)); }

/* ---------- 主視覚を下層ページのモジュールにも展開 ---------- */
.section.alt { background: linear-gradient(135deg, rgba(33, 28, 57, .96), rgba(18, 20, 40, .96)); }

.featured {
  background:
    linear-gradient(90deg, rgba(12, 14, 30, .95) 0%, rgba(12, 14, 30, .80) 48%, rgba(12, 14, 30, .34) 100%),
    url("visual-night-sakura.png") 88% 22% / 165% no-repeat;
}
.featured-body { background: transparent; }

.stage-card { background: linear-gradient(135deg, rgba(37, 32, 62, .95), rgba(20, 22, 42, .96)); }
.stage-card.may, .stage-card.komaba { border-top-color: #d7b777; }
.schedule { background: rgba(20, 22, 42, .82); }

.site-footer {
  position: relative;
  background:
    linear-gradient(0deg, rgba(9, 10, 24, .95), rgba(9, 10, 24, .86)),
    url("visual-night-sakura.png") center 74% / cover no-repeat;
}

@media (max-width: 720px) {
  .page-hero { background-position: 60% center; }
}