/* パターン A-a「白寄りのすりガラス」: A をベースに、半透明パネル（開催日・開催場・レース行・出馬表の各パネル）の
   塗りを「濃紺」→「白 12% の半透明」に変更。上辺に細いハイライト、枠線も明るく。背景の透け方（blur 6px）は A のまま。
   クライアント指摘「カードが暗く背景と馴染む。透過感は残して明るく」への対応案 (2026-09-28) */
:root{--panel:rgba(255,255,255,.12)}

.dt,.vn,.rc,.hero,.tblwrap,.nb{border-color:rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 6px 18px rgba(0,0,0,.35)}
.ai{border-color:rgba(var(--acc-rgb),.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 0 24px rgba(var(--acc-rgb),.22)}

/* レース行 */
.rc .no{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
.rc .row3{border-top-color:rgba(255,255,255,.24)}
.rc:hover,.rc:active{border-color:rgba(var(--acc-rgb),.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 0 18px rgba(var(--acc-rgb),.4)}
.rc.next{border-color:rgba(var(--acc-rgb),.85)}
@keyframes breathe{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 0 0 1px rgba(var(--acc-rgb),.45), 0 0 14px rgba(var(--acc-rgb),.3)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 0 0 1px rgba(var(--acc-rgb),.9), 0 0 28px rgba(var(--acc-rgb),.6)}}
.rc.fin{opacity:.55}

/* 選択中（開催日・開催場）は明るい地の上でも差が出るようシアンを濃く */
.dt.is-on,.vn.is-on{background:linear-gradient(180deg, rgba(var(--acc-rgb),.5), rgba(var(--acc-rgb),.18)),var(--panel)}
.vn.is-on{box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 0 0 1px rgba(var(--acc-rgb),.6), 0 0 24px rgba(var(--acc-rgb),.5)}

/* 出馬表ページ */
.tbl-h{border-bottom-color:rgba(255,255,255,.28)}
td{border-bottom-color:rgba(255,255,255,.14)}
.pk{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.26)}
.nb:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 0 14px rgba(var(--acc-rgb),.4)}