.brrc-wrap{
  width:100%;
  margin:16px 0;
}

.brrc-head{
  font-size:16px;
  font-weight:800;
  margin-bottom:10px;
  line-height:1.4;
}

.brrc-cards{
  display:flex;
  gap:10px;

  overflow-x:auto;
  overflow-y:hidden;

  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;

  padding-bottom:4px;
}

.brrc-cards::-webkit-scrollbar{
  height:6px;
}

.brrc-cards::-webkit-scrollbar-thumb{
  background:#d1d5db;
  border-radius:999px;
}

.brrc-card{
  position:relative;

  flex:0 0 calc((100% - 20px) / 3);

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:10px;

  min-width:260px;

  padding:12px 14px 12px 16px;

  border:2px solid #fca5a5;
  border-left:6px solid #dc2626;

  border-radius:4px;

  background:linear-gradient(
    135deg,
    #ffffff 0%,
    #fff7f7 100%
  );

  box-shadow:none;

  text-decoration:none !important;

  scroll-snap-align:start;

  transition:
    border-color .15s ease,
    opacity .15s ease,
    background .15s ease;
}

.brrc-card:hover{
  opacity:.9;
  border-color:#ef4444;
}

.brrc-card.is-next{
  border-color:#dc2626;
  border-left-color:#991b1b;

  background:linear-gradient(
    135deg,
    #fff1f2 0%,
    #ffe4e6 100%
  );
}

.brrc-card.is-closed{
  opacity:.55;

  border-color:#d1d5db;
  border-left-color:#9ca3af;

  background:#f8fafc;
}

.brrc-race{
  display:flex;
  align-items:center;
  gap:7px;

  font-weight:800;
  color:#111827;
}

.brrc-race-title{
  font-size:16px;
  line-height:1;
  letter-spacing:.02em;
}

.br-ai-stats-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:2px 6px;

  border-radius:999px;

  font-size:11px;
  font-weight:700;
  line-height:1;

  white-space:nowrap;
}

.br-ai-stats-badge-haran{
  background:#fef2f2;
  color:#dc2626;
  border:1px solid #fecaca;
}

.brrc-time{
  font-size:13px;
  font-weight:800;
  color:#222;
  white-space:nowrap;
}

.brrc-time .is-urgent{
  color:#dc2626;
}

.brrc-time .is-closed{
  font-size:11px;
  opacity:.85;
}

@media (max-width:600px){

  .brrc-cards{
    flex-direction:column;

    overflow-y:auto;
    overflow-x:hidden;

    max-height:210px;

    scroll-snap-type:y mandatory;

    padding-right:4px;
  }

  .brrc-cards::-webkit-scrollbar{
    width:6px;
    height:auto;
  }

  .brrc-card{
    flex:0 0 auto;

    width:100%;
    min-width:0;

    padding:10px 12px;

    scroll-snap-align:start;
  }

  .brrc-race-title{
    font-size:15px;
  }

  .brrc-time{
    font-size:12px;
  }
}




.brrc-footer-link-wrap{
  display:flex;
  justify-content:flex-end;

  margin-top:8px;
}

.brrc-footer-link{
  display:inline-flex;
  align-items:center;

  font-size:13px;
  font-weight:700;

  color:#374151 !important;
  text-decoration:none !important;

  transition:opacity .15s ease;
}

.brrc-footer-link:hover{
  opacity:.7;
}

@media (max-width:600px){

  .brrc-footer-link{
    font-size:12px;
  }
}