/* ============================================================
   ZERAPHIA build1841 — 未開放コンテンツの鍵（SVGメダリオン）
   ・金の縁（四方に菱形の飾り）＋紺のエナメル＋点線の内輪＋陰影つきの金の南京錠
   ・対象の中身は「暗く沈ませる」のではなく、アイコンだけ色を抜き、文字は読める濃さに保つ
   位置は既存JS（ホーム＝アイコン中心／ボトムナビ＝アイコン中心）が left/top を設定する。
   ============================================================ */
html body .content-lock-overlay{
  --lk:32px;
  position:absolute !important;
  display:block !important;
  width:var(--lk) !important;
  height:var(--lk) !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2064%2064%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23fff3c9%22/%3E%3Cstop%20offset=%22.35%22%20stop-color=%22%23e3bd6a%22/%3E%3Cstop%20offset=%22.6%22%20stop-color=%22%23f7dd97%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23a7782c%22/%3E%3C/linearGradient%3E%20%3CradialGradient%20id=%22n%22%20cx=%22.5%22%20cy=%22.38%22%20r=%22.62%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%233f4d72%22/%3E%3Cstop%20offset=%22.7%22%20stop-color=%22%23202a44%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23141a2c%22/%3E%3C/radialGradient%3E%20%3ClinearGradient%20id=%22b%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23fbe6a9%22/%3E%3Cstop%20offset=%22.5%22%20stop-color=%22%23ddb663%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23a87b2f%22/%3E%3C/linearGradient%3E%20%3ClinearGradient%20id=%22s%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%220%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23b98b3a%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23fbe3a2%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23b98b3a%22/%3E%3C/linearGradient%3E%20%3C/defs%3E%20%3Ccircle%20cx=%2232%22%20cy=%2232%22%20r=%2230.5%22%20fill=%22url(%23g)%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2232%22%20r=%2227.6%22%20fill=%22%237a5a22%22%20opacity=%22.55%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2232%22%20r=%2226.8%22%20fill=%22url(%23n)%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2232%22%20r=%2224.2%22%20fill=%22none%22%20stroke=%22%23d9b56a%22%20stroke-opacity=%22.55%22%20stroke-width=%22.8%22%20stroke-dasharray=%221.6%202.4%22/%3E%20%3Cg%20fill=%22url(%23g)%22%3E%3Cpath%20d=%22M32%201.8l2.2%203.4-2.2%201.8-2.2-1.8z%22/%3E%3Cpath%20d=%22M32%2062.2l2.2-3.4-2.2-1.8-2.2%201.8z%22/%3E%3Cpath%20d=%22M1.8%2032l3.4-2.2%201.8%202.2-1.8%202.2z%22/%3E%3Cpath%20d=%22M62.2%2032l-3.4-2.2-1.8%202.2%201.8%202.2z%22/%3E%3C/g%3E%20%3Cellipse%20cx=%2232%22%20cy=%2220%22%20rx=%2217%22%20ry=%229%22%20fill=%22%23fff%22%20opacity=%22.07%22/%3E%20%3Cpath%20d=%22M23.6%2030v-5.2a8.4%208.4%200%200%201%2016.8%200V30%22%20fill=%22none%22%20stroke=%22url(%23s)%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M23.6%2030v-5.2a8.4%208.4%200%200%201%2016.8%200V30%22%20fill=%22none%22%20stroke=%22%235c4115%22%20stroke-opacity=%22.35%22%20stroke-width=%22.7%22/%3E%20%3Crect%20x=%2219.5%22%20y=%2228.6%22%20width=%2225%22%20height=%2218.6%22%20rx=%223.4%22%20fill=%22url(%23b)%22/%3E%20%3Crect%20x=%2219.5%22%20y=%2228.6%22%20width=%2225%22%20height=%2218.6%22%20rx=%223.4%22%20fill=%22none%22%20stroke=%22%237a5420%22%20stroke-opacity=%22.55%22%20stroke-width=%22.8%22/%3E%20%3Crect%20x=%2221.2%22%20y=%2230.2%22%20width=%2221.6%22%20height=%222.2%22%20rx=%221.1%22%20fill=%22%23fff8de%22%20opacity=%22.7%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2236.6%22%20r=%222.6%22%20fill=%22%231d253a%22/%3E%20%3Cpath%20d=%22M30.9%2037.6h2.2l.7%205.2h-3.6z%22%20fill=%22%231d253a%22/%3E%20%3C/svg%3E") center / 100% 100% no-repeat !important;
  box-shadow:0 2px 6px rgba(20,14,6,.38),0 0 12px rgba(230,190,105,.45) !important;
  filter:none !important;
  opacity:1 !important;
  transform:translate(-50%,-50%) !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  box-sizing:border-box !important;
  z-index:30 !important;
}
/* 旧CSS鍵（ツル・本体）は使わない */
html body .content-lock-overlay::before,
html body .content-lock-overlay::after{ content:none !important; }

/* ---------- ホーム：メニュー ---------- */
html body #screen-main > button.home-type-entry.hm2 > .content-lock-overlay,
html body #screen-main .home-type-entry > .content-lock-overlay{
  --lk:38px;
  width:var(--lk) !important;
  height:var(--lk) !important;
  max-width:none !important;
  max-height:none !important;
  transform:translate(-50%,-50%) !important;
  z-index:30 !important;
}
/* アイコンは色を抜いて薄く、文字は読める濃さで少しだけ落ち着かせる */
html body #screen-main > button.home-type-entry.hm2.locked-visual > .hm2-body{
  filter:none !important;
  opacity:1 !important;
}
html body #screen-main > button.home-type-entry.hm2.locked-visual .hm2-icon{
  filter:grayscale(1) brightness(1.05) !important;
  opacity:.42 !important;
}
html body #screen-main > button.home-type-entry.hm2.locked-visual .hm2-label{
  opacity:.72 !important;
  filter:grayscale(.55) !important;
}
html body #screen-main > button.home-type-entry.hm2.locked-visual .hm2-rule{ opacity:.5 !important; }
html body #screen-main > button.home-type-entry.hm2.locked-visual .hm2-chev{opacity:0 !important;}
/* 残響の塔：ロック中は赤い煙を消し、他の項目と同じ「濃い文字」で表示する
   （端末によって煙が描かれず、白文字と「残」が背景に溶けていたため） */
html body #screen-main > button.home-type-entry.hm2--tower.locked-visual .hm2-row::before{
  display:none !important;
}
html body #screen-main > button.home-type-entry.hm2--tower.locked-visual .hm2-label{
  opacity:.82 !important;
  filter:none !important;
  color:#4d4640 !important;
  text-shadow:0 0 4px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.75) !important;
}
html body #screen-main > button.home-type-entry.hm2--tower.locked-visual .hm2-label-head{
  color:#8e3b41 !important;
  text-shadow:0 0 4px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.8) !important;
}

/* ---------- ボトムナビ ---------- */
html body #bottom-nav-shared .bottom-nav-item > .content-lock-overlay{
  --lk:28px;
  transform:translate(-50%,-50%) !important;
  z-index:6 !important;
}
html body #bottom-nav-shared .bottom-nav-item.locked-visual > img{
  opacity:.4 !important;
  filter:grayscale(1) !important;
}
html body #bottom-nav-shared .bottom-nav-item.locked-visual > .bottom-nav-label{
  opacity:.65 !important;
}

@media (max-width:380px),(max-height:700px){
  html body #screen-main > button.home-type-entry.hm2 > .content-lock-overlay,
  html body #screen-main .home-type-entry > .content-lock-overlay{ --lk:34px; }
}

/* build1843: 残響の塔の鍵は「残」に重ならないよう、塔のアイコン上部へ少し上げる */
html body #screen-main > button.home-type-entry.hm2--tower > .content-lock-overlay{
  transform:translate(-50%,-92%) !important;
}
