/* rank */
.rank{display:grid;grid-template-columns:12% 1fr;grid-template-rows:auto;border-right:solid 1px #b8b8b8;border-bottom:solid 1px #b8b8b8;list-style:none}.rank dt,.rank dd{box-sizing:border-box;border-left:solid 1px #b8b8b8;border-top:solid 1px #b8b8b8}.rank dt{display:grid;justify-items:center;-webkit-box-align:center;align-items:center;min-height:40px;color:#ffffff;font-size:15px;font-weight:bold}.rank dd{padding:6px;color:#282828;font-size:11px}.rank ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:6px}.rank ul li{margin: 0 !important;list-style:none !important}.rank ul li a{display:block;font-size:11px;line-height:1.2;text-align:center}.rank li img{width:100%;margin-bottom:0px;border-radius:5px}.rank dt.rank0{background:#b31919}.rank dd.rank0{background:#ffffff}.rank dt.rank1{background:#c46d1c}.rank dd.rank1{background:#ffffff}.rank dt.rank2{background:#c6c010}.rank dd.rank2{background:#ffffff}.rank dt.rank3{background:#1a9e29}.rank dd.rank3{background:#ffffff}.rank dt.rank4{background:#198cb3}.rank dd.rank4{background:#ffffff}.rank dt.rank5{background:#1940b3}.rank dd.rank5{background:#ffffff}.rank dt.rank6{background:#b31982}.rank dd.rank6{background:#ffffff}.rank dt>p,.rank .mu__list{margin:0 !important}

/* =========================================================
   In Falsus Style Custom CSS
   （モノクローム × 金色の地平線 × 検閲/グリッチ意匠）
   ========================================================= */

/* 大見出し（h2相当） */
.content-head,
.main .mu__h-large {
  position: relative;
  padding: 13px 20px 10px 40px !important;
  color: #ece7df !important;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.3 !important;
  background-color: #0a0b0d !important;
  background-image:
    /* ベースの黒〜灰グラデーション */
    linear-gradient(to right, #0a0b0d 0%, #131417 40%, #17181c 60%, #0a0b0d 100%) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  border: none !important;
  border-bottom: 1px solid #2a2b30 !important;
  overflow: hidden;
}

/* 大見出し左側の「検閲バー」アイコン（████ を模した小片の集合） */
.content-head::before,
.main .mu__h-large::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 12px;
  background-image:
    linear-gradient(to bottom, #ece7df 0 30%, transparent 30% 45%, #ece7df 45% 70%, transparent 70% 85%, #c9a24b 85% 100%);
  opacity: 0.9;
}

/* 大見出しの右端に小さな金色のマーカー（リズムノーツ風） */
.content-head::after,
.main .mu__h-large::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #c9a24b;
  box-shadow: 0 0 6px rgba(201, 162, 75, 0.8);
  border-radius: 1px;
}

/* 中見出し（h3相当） */
.main .mu__h-middle {
  position: relative;
  padding: 9px 14px 7px 20px !important;
  color: #ece7df !important;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 1.2 !important;
  border: none !important;

  background-color: #131417 !important;
  border-left: 3px solid #c9a24b !important;
  border-bottom: 1px solid #2a2b30 !important;
}

.main .mu__h-middle::before {
  content: "//";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  color: #6f7480;
  font-weight: 400;
  font-size: 0.8em;
  font-family: monospace;
}

/* 小見出し（h4相当）：中見出しとは反転した配色（白地×黒文字）にすることで、
   位置ではなく「色」で階層の違いを表現 */
.main .mu__h-little {
  position: relative;
  display: flex !important;
  align-items: center !important;
  margin-left: 0 !important;
  padding: 6px 8px 6px 20px !important;
  color: #17181c !important;
  font-weight: 700;
  line-height: 1.3 !important;
  background-color: #ece7df !important;
  border: none !important;
  border-left: 3px solid #c9a24b !important;
  border-bottom: 1px solid #d7d0c2 !important;
}

.main .mu__h-little::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  background: #c9a24b;
}

/* コンテンツ背景（微かに落ちてくるノーツラインをイメージ） */
.wiki-head__contents.blank-bg {
  background:
    repeating-linear-gradient(
      100deg,
      rgba(201, 162, 75, 0.025) 0px,
      rgba(201, 162, 75, 0.025) 1px,
      transparent 1px,
      transparent 120px
    ),
    linear-gradient(180deg, #0d0e11 0%, #08090b 100%) !important;
  border-top: 1px solid #202126;
}

/* サイドメニュー見出し */
.menu__head strong.mu__h-large {
  padding: 8px 10px 9px;
  color: #ece7df !important;
  font-weight: 700;
  background: #131417 !important;
  border-bottom: solid 1px #c9a24b;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ボタンリンク */
a.btn-link {
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  top: 0 !important;
  color: #0a0b0d !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-align: center;
  transition: 0.2s;
  border: 1px solid #c9a24b !important;
  border-radius: 0;
  background: #c9a24b !important;
}
a.btn-link:hover, a.btn-link:active {
  color: #ece7df !important;
  background: #131417 !important;
  box-shadow: 0 0 10px rgba(201, 162, 75, 0.5);
}