/* cover-v10 — 指揮、2026-09-28。オーナー「カバー、もう少しだけゴージャスでスタイリッシュなものがいいな」
   骨格（線描 → 金 → 左上のロゴ位置へ収まる → 地が名前の位置から晴れる）と尺は v9d のまま。質感と光だけを足す。
   独立レビュー（REVISE）の指摘をすべて反映した版。色は契約 docs/RENEWAL-BRAND-SYSTEM.md §2 の値と、根拠を書ける暗金1色だけ。

   1. 地：黒の帯 #08090e が主。夜空 #0d0724 をマークの背後に気配だけ置く（楕円の半径 38%／36%、レビュー推奨の 35〜40%）。
      紫を金の真後ろに広げない（「紫＋金だけは下品、黒で落ち着かせる」）。明るみは滑走の始まり（1850ms）から 550ms で消し、
      地を均一にしてから晴らす（マークが去った中央に明るみを残さない）。粒子はごく細かく、地と同じマスクで一緒に抜ける。
   2. 金：暗金 → #d8b66a → #ecd28a（艶）→ #d8b66a → 暗金。艶は幅の広い帯にし、筋に見せない。暗金 #9a824e は #d8b66a を
      黒の帯 #08090e へ 30% 寄せた値（陰の側の金）。滑走中（1850〜2500ms）に平板な #d8b66a へ移すので、着地でページ側の
      ロゴ（flood #d8b66a）と質感がそろう。
   3. 光彩：光の通過（820〜1640ms）の後半に重ねて一度だけ（1300ms から 550ms、1850ms の滑走までに消え切る）。色は #ecd28a／#d8b66a。
      中心はマーク全体の中心（輪の中心にすると輪の内側だけが明るくなり、「ロゴの穴から覗く窓」に見えるため）。 */

/* 1. 地 */
.c59-field {
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
    #08090e;
}
.c59-field::before {
  content: "";
  position: absolute;
  inset: 0;
  /* 途中に停止点を足し、縁で傾きがなめらかに 0 になるようにする（直線の減衰が縁で急に止まると、暗部で楕円の輪郭が線に見える） */
  background: radial-gradient(ellipse 38% 36% at 50% 50%, #0d0724 0%, rgb(13 7 36 / 0.55) 45%, rgb(13 7 36 / 0.18) 75%, rgb(13 7 36 / 0) 100%);
  pointer-events: none;
}
.c55-cover[data-state] .c59-field::before {
  animation: c60-glow-out 550ms cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay: calc(1850ms - var(--c55-t));
}
@keyframes c60-glow-out {
  to { opacity: 0; }
}

/* 2. 金（グラデーション本体と平板な複製は cover-v10.js が作る。JS が動かないときは #d8b66a の単色） */
.c55-logo__fill {
  fill: url(#c60-gold-metal) #d8b66a;
}
.c60-flat {
  fill: #d8b66a;
  opacity: 0;
}
.c55-cover[data-state] .c60-flat {
  animation: c60-flat-in 650ms cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay: calc(1850ms - var(--c55-t));
}
@keyframes c60-flat-in {
  to { opacity: 1; }
}

/* 3. 光彩 */
#c55-halo-grad stop:nth-of-type(1) { stop-color: #ecd28a; stop-opacity: 0.22; }
#c55-halo-grad stop:nth-of-type(2) { stop-color: #d8b66a; stop-opacity: 0.07; }
#c55-halo-grad stop:nth-of-type(3) { stop-color: #d8b66a; stop-opacity: 0; }
.c55-halo {
  display: inline;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}
.c55-cover[data-state] .c55-halo {
  animation: c60-halo 550ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
  animation-delay: calc(1300ms - var(--c55-t));
}
@keyframes c60-halo {
  0% { opacity: 0; transform: scale(0.6); }
  40% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.2); }
}

/* 4. スキップ：四角い枠線の箱をやめ、共通の「文字＋下線」の形にする（契約 §4「四角い枠線のボタンは作らない」）。
   押せる範囲は 44px を保つ。右端はページの右の余白（ヘッダーと同じ --hs-gutter）にそろえる。下線は行ボックスの 6px 下。 */
.c55-cover-skip {
  right: var(--hs-gutter, 20px);
  bottom: max(24px, env(safe-area-inset-bottom));
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgb(243 236 220 / 0.78);
  font: 700 13px/1.4 "Zen Kaku Gothic New", sans-serif; /* 契約 §4：和文の操作は 700 */
  letter-spacing: 0.08em;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.c55-cover-skip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% + 0.7em + 6px);
  height: 1px;
  background: currentColor;
}
.c55-cover-skip:focus-visible {
  outline: 2px solid #f3ecdc;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .c55-cover[data-state] .c55-halo { animation: none; opacity: 0; }
}