/* ══════════════════════════════════════════════════════════════
   DOPA! 標準オープニング｜テーマ層（＝アレンジ）
   ------------------------------------------------------------
   骨格（opening.css）は触らず、ここだけを案件ごとに書く。
   1テーマで指定するのは色7つ＋地の質感1つだけ。
   動き・尺・ロゴの扱いはどのテーマでも共通＝「毎回同じ顔」になる。
══════════════════════════════════════════════════════════════ */

/* ── 1. standard／通常時（イベントがないとき） ───────────────
   地は黒に近いダークベース、にじみだけブランドレッド。
   飛ぶのはロゴのカードに入っている4方向のきらめき。 */
html[data-op-theme="standard"]{
  --op-flash-a:0;                       /* 通常時は閃光なし */
  --op-bg:#14181A;
  --op-glow:rgba(234,51,79,.16);        /* 地のにじみもごく薄く */
  --op-line:#FFBB00;                    /* ダーク地の黄は10.10。白地では使わないこと */
  --op-flash:#FFFFFF;
  --op-ring:transparent;
  --op-p1:#FFFFFF; --op-p2:#FFE3A8; --op-p3:#FFBB00;
  --op-sub-bg:#EA334F; --op-sub-ink:#FFFFFF;
}

/* ── 2. matsuri／お祭り・月例イベント ──────────────────────
   地を深紅に振り、金の紙吹雪。幕は上へ引き上げる（幕＝暖簾のイメージ）。 */
html[data-op-theme="matsuri"]{
  --op-flash-a:.30;
  --op-bg:#6E0C1E;
  --op-glow:rgba(255,187,0,.20);
  --op-line:#FFBB00;
  --op-flash:#FFF3D0;
  --op-ring:rgba(255,187,0,.85);
  --op-p1:#FFBB00; --op-p2:#FFFFFF; --op-p3:#FF6B8A;
  --op-sub-bg:#FFBB00; --op-sub-ink:#2E2E2E;
}
html[data-op-theme="matsuri"] .op__grain{
  opacity:.09;
  background:repeating-linear-gradient(115deg,#fff 0 2px,transparent 2px 26px);
}

/* ── 3. shindan／新弾入荷・カード系 ────────────────────────
   地は紺。飛ぶのはカード。最後は白く飛ばして本編へ渡す。 */
html[data-op-theme="shindan"]{
  --op-flash-a:.34;
  --op-bg:#0B1630;
  --op-glow:rgba(120,180,255,.30);
  --op-line:#8FC3FF;
  --op-flash:#EAF3FF;
  --op-ring:rgba(160,205,255,.85);
  --op-p1:#EA334F; --op-p2:#FFFFFF; --op-p3:#8FC3FF;
  --op-sub-bg:#FFFFFF; --op-sub-ink:#0B1630;
}
html[data-op-theme="shindan"] .op__grain{
  opacity:.20;
  background:
    linear-gradient(rgba(143,195,255,.16) 1px,transparent 1px) 0 0/100% 42px,
    linear-gradient(90deg,rgba(143,195,255,.16) 1px,transparent 1px) 0 0/42px 100%;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000,transparent 78%);
}

/* ── 4. tokubetsu／特別枠・ジャックポット系 ────────────────
   地は黒＋金箔。金のコインが飛び、幕は中央から左右へ割れる。 */
html[data-op-theme="tokubetsu"]{
  --op-flash-a:.28;
  --op-bg:#08080A;
  --op-glow:rgba(212,175,55,.28);
  --op-line:#E7C766;
  --op-flash:#FFF6DC;
  --op-ring:rgba(231,199,102,.9);
  --op-p1:#E7C766; --op-p2:#FFF0BC; --op-p3:#B98B2E;
  --op-sub-bg:#E7C766; --op-sub-ink:#1A1508;
}
html[data-op-theme="tokubetsu"] .op__grain{
  opacity:.16;
  background:
    radial-gradient(circle at 20% 30%,rgba(231,199,102,.35),transparent 42%),
    radial-gradient(circle at 78% 68%,rgba(231,199,102,.28),transparent 46%),
    repeating-conic-gradient(from 12deg,rgba(255,255,255,.05) 0 8deg,transparent 8deg 22deg);
}

/* ── 5. haishin／配信・ライブ系 ────────────────────────────
   地はダーク。放電のような細い線が走る。サブ帯は LIVE の赤。 */
html[data-op-theme="haishin"]{
  --op-flash-a:.24;
  --op-bg:#0F1316;
  --op-glow:rgba(162,237,0,.24);
  --op-line:#A2ED00;
  --op-flash:#F2FFDA;
  --op-ring:rgba(162,237,0,.8);
  --op-p1:#A2ED00; --op-p2:#FFFFFF; --op-p3:#39C26F;
  --op-sub-bg:#EA334F; --op-sub-ink:#FFFFFF;
}
html[data-op-theme="haishin"] .op__grain{
  opacity:.22;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0 1px,transparent 1px 5px);
}

/* ── 6. tsukimi／お月見（2026-09 月初CP用に追加） ──────────
   地は夜空の濃紺、にじみは月あかりの金。線も金に寄せる。
   骨格CSS（opening.css）は触っていない。ここに色を足しただけ。
   ※NG色：紫・オレンジ（ハロウィン連想）を混ぜないこと。 */
html[data-op-theme="tsukimi"]{
  --op-flash-a:0;                       /* 閃光なし。月あかりは静かに置く */
  --op-bg:#0C1226;                      /* 夜空 */
  --op-glow:rgba(231,206,138,.22);      /* 月あかりのにじみ */
  --op-line:#E7CE8A;                    /* 金。#0C1226 上でコントラスト12.03 */
  --op-flash:#FFF8E6;
  --op-ring:transparent;
  --op-p1:#F4EFE0; --op-p2:#E7CE8A; --op-p3:#FFFFFF;
  --op-sub-bg:#E7CE8A; --op-sub-ink:#141821;
}
html[data-op-theme="tsukimi"] .op__grain{
  /* 霞（かすみ）。等間隔の斜めストライプは使わない（AI感が出るため） */
  opacity:.5;
  background:
    radial-gradient(ellipse 46% 26% at 22% 30%,rgba(231,206,138,.10),transparent 70%),
    radial-gradient(ellipse 52% 20% at 76% 66%,rgba(231,206,138,.07),transparent 72%);
}