/* a8: 最初の画面の幕開き（輪違いのロゴ・グラデーションの帯・左右へ開く幕）。html.lx-curtain のときだけ出る（JS 無効では出ない） */
.lxc { display: none; }
.lx-curtain .lxc { display: block; position: fixed; inset: 0; z-index: 300; pointer-events: none; overflow: hidden; }
.lx-curtain--done .lxc { display: none; }
.lxc__b { position: absolute; top: 0; bottom: 0; will-change: transform; }
/* 濃紺: 上が少し明るく、下へ沈む */
.lxc__b--ink { left: 0; width: 33.34%; z-index: 2;
  background: linear-gradient(180deg, #1a212c 0%, #0e1116 55%, #06080b 100%); }
/* 紺（中央の幕は左右に割れる）: 上から下へ、わずかに青みを帯びた濃淡 */
.lxc__b--in { z-index: 1; width: 16.67%;
  background: linear-gradient(180deg, #2a3342 0%, #1a1f27 50%, #10141a 100%); }
.lxc__b--l { left: 33.33%; box-shadow: inset -1px 0 0 rgba(255,255,255,.04); }
.lxc__b--r { left: 50%; box-shadow: inset 1px 0 0 rgba(255,255,255,.04); }
/* 金色: 縦の濃淡に、柔らかな光沢 */
.lxc__b--gold { left: 66.66%; width: 33.34%; z-index: 2; overflow: hidden;
  background:
    radial-gradient(120% 60% at 30% 18%, rgba(255,236,170,.35), rgba(255,236,170,0) 60%),
    linear-gradient(180deg, #c9a649 0%, #a8892f 45%, #7d6220 100%); }
.lxc__sheen { position: absolute; inset: 0;
  background: linear-gradient(105deg, rgba(255,247,220,0) 35%, rgba(255,247,220,.24) 50%, rgba(255,247,220,0) 65%) no-repeat;
  background-size: 300% 100%; background-position: 100% 0; }
/* 帯の境の細い金の筋 */
.lxc__b--ink::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px;
  background: linear-gradient(180deg, rgba(212,175,69,0), rgba(212,175,69,.45), rgba(212,175,69,0)); }
.lxc__glow { position: absolute; left: 50%; top: 50%; width: 36vmin; height: 36vmin; margin: -18vmin 0 0 -18vmin; z-index: 3; opacity: 0;
  background: radial-gradient(closest-side, rgba(212,175,69,.16), rgba(212,175,69,0)); }
.lxc__logo { position: absolute; left: 50%; top: 50%; z-index: 4; width: clamp(150px, 24vw, 280px); height: auto;
  transform: translate(-50%, -50%); overflow: visible; filter: drop-shadow(0 0 18px rgba(212,175,69,.35)); }
.lxc__ring { fill: none; stroke: url(#lxc-g); stroke-width: 7.15; /* 5.5 の1.3倍（2026-10-21） */ stroke-linecap: round; stroke-dasharray: 100 100; stroke-dashoffset: 100; }
/* 2回目以降: ロゴを出さず、幕だけを短く開く */
.lx-curtain--short .lxc__logo, .lx-curtain--short .lxc__glow { display: none; }
/* 動きを減らす設定: 帯を動かさず、落ち着いた地にロゴを短く見せて溶かすだけ */
.lx-curtain--calm .lxc { background: linear-gradient(180deg, #1a212c 0%, #0e1116 60%, #06080b 100%); transition: opacity .45s linear; }
.lx-curtain--calm .lxc__b, .lx-curtain--calm .lxc__glow { display: none; }
.lx-curtain--calm .lxc__ring { stroke-dashoffset: 0; }
.lx-curtain--calm.lx-curtain--fade .lxc { opacity: 0; }
/* ページ遷移の帯（本番の .pt）も同じグラデーションに */
.pt i { background: linear-gradient(180deg, #1a212c 0%, #0e1116 55%, #06080b 100%); }
.pt i:nth-child(2) { background: linear-gradient(180deg, #2a3342 0%, #1a1f27 50%, #10141a 100%); }
.pt i:nth-child(3) { background: radial-gradient(120% 60% at 30% 18%, rgba(255,236,170,.35), rgba(255,236,170,0) 60%), linear-gradient(180deg, #c9a649 0%, #a8892f 45%, #7d6220 100%); }