/* cover-v13「画面いっぱいの V」— 2026-09-28。cover-v10.css の代わりに、cover-v9d.css の後に読み込む。動きと時刻は cover-v13.js。
   色は契約 docs/RENEWAL-BRAND-SYSTEM.md §2 の値だけ：黒の帯 #08090e（地）、夜空 #0d0724（V の後ろの気配）、
   金 #d8b66a（マーク）と #ecd28a（照り・着地の一瞬）、煙は smoke-v1 の深紫・紙色。青海波・和紋は使わない。文字は足さない。 */
@import url("smoke-v1.css");

/* 旧いマーク（v9d の線描・金・光）と霞の層は使わない。受け口（.c55-cover・スキップ・合図）はそのまま */
.c55-cover .c55-place,
.c55-cover .c59-kasumi {
  display: none;
}

/* 1. 地：黒の帯。ごく細かい粒は v10 と同じ（地と同じマスクで一緒に抜ける）。
   着地の衝撃で、着地したマークの中心から外へ晴れる（半径 --c63-r は cover-v13.js が毎フレーム決める）。
   ぼかしの幅は画面の長い辺の半分：円の縁が線として見えず、覗き窓に見えない */
.c55-cover .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;
  -webkit-mask-image: radial-gradient(circle at var(--c63-fx, 20%) var(--c63-fy, 30%), transparent var(--c63-r, -9999px), #000 calc(var(--c63-r, -9999px) + var(--c63-feather, 720px)));
  mask-image: radial-gradient(circle at var(--c63-fx, 20%) var(--c63-fy, 30%), transparent var(--c63-r, -9999px), #000 calc(var(--c63-r, -9999px) + var(--c63-feather, 720px)));
}
.c55-cover[data-state] .c59-field {
  animation: none;
}

/* 夜空の気配：見せ場の V の後ろにだけ置く（v10 と同じ考え。紫を金の真後ろに広げすぎない）。引きの始まりで消える */
.c63-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 42% 40% at var(--c63-gx, 50%) var(--c63-gy, 40%), #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;
  will-change: opacity;
}

/* 2. 煙の受け口：地とマークのあいだ。マークと同じ変換で引く（合成だけで動く） */
.c63-smoke {
  position: absolute;
  inset: 0;
  transform-origin: 0 0;
  pointer-events: none;
  will-change: transform, opacity;
}
.c63-smoke .vsmoke {
  will-change: transform, opacity;
}

/* 3. 金：#d8b66a の面に、#ecd28a の照りが一度だけ走る。着地の一瞬だけ #ecd28a に照る */
.c63-gold {
  fill: #d8b66a;
}
.c63-flare {
  fill: #ecd28a;
  opacity: 0;
}
.c63-light {
  visibility: hidden;
}
.c63-b,
.c63-tip {
  visibility: hidden;
}

/* 4. スキップ：v10 と同じ「文字＋下線」（契約 §4。矢印なし、右端はページの右ガター） */
.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;
  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;
}