/* パターン A-b「青〜シアンの色ガラス」: A をベースに、半透明パネルの塗りを「濃紺」→「青〜シアンの半透明グラデ」に変更。
   世界観（黒×シアン）に馴染む明るさ。選択中は白枠＋濃いシアンにして、通常カードとの差を保つ。
   背景の透け方（blur 6px）は A のまま。クライアント指摘への対応案 (2026-09-28) */
:root{--panel:rgba(var(--deep-rgb),.34)}

.dt,.vn,.rc,.hero,.tblwrap,.nb{border-color:rgba(var(--acc-rgb),.45);
  background:linear-gradient(180deg, rgba(var(--acc-rgb),.20), rgba(var(--acc-rgb),.05)),var(--panel);
  box-shadow:inset 0 1px 0 rgba(143,227,255,.35), 0 6px 18px rgba(0,0,0,.35)}
.ai{border-color:rgba(var(--acc-rgb),.75);background:linear-gradient(180deg, rgba(var(--acc-rgb),.26), rgba(var(--acc-rgb),.08)),var(--panel)}

/* レース行 */
.rc .no{background:rgba(var(--acc-rgb),.14);border-color:rgba(var(--acc-rgb),.4)}
.rc .row3{border-top-color:rgba(143,227,255,.3)}
.rc:hover,.rc:active{border-color:#fff;box-shadow:0 0 18px rgba(var(--acc-rgb),.45)}
.rc.next{border-color:rgba(255,255,255,.85)}
@keyframes breathe{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.35), 0 0 14px rgba(var(--acc-rgb),.35)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.9), 0 0 28px rgba(var(--acc-rgb),.7)}}
.rc.fin{opacity:.5}

/* 選択中（開催日・開催場）: 白枠＋濃いシアン */
.dt.is-on,.vn.is-on{border-color:#fff;background:linear-gradient(180deg, rgba(var(--acc-rgb),.62), rgba(var(--acc-rgb),.26)),var(--panel)}
.dt.is-on{box-shadow:0 0 0 1px rgba(255,255,255,.5), 0 0 16px rgba(var(--acc-rgb),.55)}
.vn.is-on{box-shadow:0 0 0 1px rgba(255,255,255,.6), 0 0 26px rgba(var(--acc-rgb),.6)}
.vn.is-on::after{background:#fff;box-shadow:0 0 10px #fff}

/* 出馬表ページ */
.tbl-h{border-bottom-color:rgba(var(--acc-rgb),.4)}
td{border-bottom-color:rgba(143,227,255,.16)}
tr.top1 td{background:rgba(var(--acc-rgb),.28)}
tr.top2 td,tr.top3 td{background:rgba(var(--acc-rgb),.14)}
.pk{background:rgba(var(--acc-rgb),.10);border-color:rgba(var(--acc-rgb),.35)}
.pk.m0{border-color:#fff}
.nb:hover{border-color:#fff}