/* Stage 4 SAFE: board layout only. No API/player/business logic changes. */
body.rg-board-layout-cinematic-grid .rg-board-blocks{
  gap: 4px;
}
body.rg-board-layout-cinematic-grid .rg-board-block-hero.card{
  border-color: rgba(255,255,255,.18)!important;
  background: radial-gradient(circle at 18% 0%, rgba(255,70,70,.18), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.055), rgba(0,0,0,.72))!important;
  box-shadow: 0 22px 70px rgba(0,0,0,.42);
}
body.rg-board-layout-cinematic-grid .rg-board-block-hero .p-4{
  padding: 34px!important;
}
body.rg-board-layout-cinematic-grid .board-authors-wrap{
  margin-top: 24px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.26);
}
body.rg-board-layout-cinematic-grid #newTracksGrid,
body.rg-board-layout-cinematic-grid #popularTracksGrid{
  --bs-gutter-x: 1.15rem;
  --bs-gutter-y: 1.15rem;
}
body.rg-board-layout-cinematic-grid #newTracksGrid > .js-track-col,
body.rg-board-layout-cinematic-grid #popularTracksGrid > .js-track-col{
  width: 100%;
}
@media (min-width: 992px){
  body.rg-board-layout-cinematic-grid #newTracksGrid > .js-track-col,
  body.rg-board-layout-cinematic-grid #popularTracksGrid > .js-track-col{
    width: 50%;
  }
}
body.rg-board-layout-cinematic-grid .track-card{
  min-height: 154px;
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(0,0,0,.68))!important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34);
}
body.rg-board-layout-cinematic-grid .track-cover-btn{
  width: 116px;
  min-width: 116px;
  height: 116px;
}
body.rg-board-layout-cinematic-grid .track-title{
  font-size: 1.08rem;
}
@media (max-width: 575.98px){
  body.rg-board-layout-cinematic-grid .rg-board-block-hero .p-4{padding: 22px!important;}
  body.rg-board-layout-cinematic-grid .track-cover-btn{width: 96px;min-width: 96px;height: 96px;}
}