/* 予想カード内のNoiビジュアル（ボートレースのみ・艇番カラー連動） */

.noi-visual{
  margin:14px 0 0;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:var(--panel-2);
  position:relative;
}

.noi-visual::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--lane-color,var(--line));
  z-index:1;
}

.noi-visual img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}

.noi-visual figcaption{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  font-size:.82rem;
  color:var(--text);
  border-top:1px solid var(--line);
  letter-spacing:.02em;
}

.noi-visual figcaption span{
  flex:none;
  color:var(--muted);
  font-size:.76rem;
}

.noi-visual[data-lane="1"]{--lane-color:#ffffff}
.noi-visual[data-lane="2"]{--lane-color:#4a4f5a}
.noi-visual[data-lane="3"]{--lane-color:#e60012}
.noi-visual[data-lane="4"]{--lane-color:#0068b7}
.noi-visual[data-lane="5"]{--lane-color:#fff100}
.noi-visual[data-lane="6"]{--lane-color:#009944}

@media (max-width:640px){
  .noi-visual img{aspect-ratio:1/1}
}