:root{
  --rtt-radius: 16px;
  --rtt-gap: 16px;
}
.rtt-block{
  width:100%;
  border-radius: var(--rtt-radius);
  padding: 18px 18px 22px;
  background: #0f1221;
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
}
.rtt-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.rtt-title{margin:0;font-size: clamp(18px, 2vw, 26px);letter-spacing:.3px;font-weight:800}

.rtt-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: var(--rtt-gap);
}
@media (max-width: 1200px){
  .rtt-grid{grid-template-columns: repeat(3, minmax(0,1fr));}
}
@media (max-width: 640px){
  .rtt-grid{grid-template-columns: 1fr;}
}

.rtt-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--rtt-radius);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.rtt-card:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.25); }

.rtt-embed{
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  background: #0b0e1a;
}
.rtt-embed iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0; display:block;
}
.rtt-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.5}

.rtt-label{
  padding: 10px 12px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing:.2px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.15);
}