.clb-main section{position:relative}
.clb-hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:2rem;align-items:center}
.clb-hero-text{max-width:60ch}
.clb-top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.clb-player{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}
.clb-rank{font-size:1.5rem;color:var(--accent-cyan)}

.clb-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.clb-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}

.clb-table{display:flex;flex-direction:column;gap:0.5rem}
.clb-row{display:grid;grid-template-columns:1fr 3fr 2fr 3fr;padding:0.75rem 1rem;border:1px solid var(--border-glass)}
.clb-row.header{background:var(--bg-glass)}

.clb-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}

.clb-records-grid{display:grid;grid-template-columns:3fr 2fr;gap:2rem}
.clb-record-list{display:flex;flex-direction:column;gap:0.75rem}

.clb-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}

.clb-how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}

.clb-cta{text-align:center;max-width:600px;margin-inline:auto}

@media(max-width:1000px){
.clb-hero-grid{grid-template-columns:1fr}
.clb-top3{grid-template-columns:repeat(2,minmax(0,1fr))}
.clb-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.clb-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.clb-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
.clb-top3,.clb-system-grid,.clb-track-grid,.clb-profile-grid,.clb-how-grid{grid-template-columns:1fr}
.clb-records-grid{grid-template-columns:1fr}
.clb-row{grid-template-columns:1fr 2fr 2fr 2fr;font-size:0.8rem}
}