.cs16-toolbar{
    display:flex;
    gap:15px;
    margin-bottom:25px;
    flex-wrap:wrap;
}

#cs16-search,
#cs16-filter{
    background:#0f172a;
    color:white;
    border:1px solid #1e293b;
    border-radius:10px;
    padding:12px 15px;
    font-size:15px;
}

#cs16-search{
    flex:1;
    min-width:220px;
}

.cs16-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:20px;
}

.cs16-card{
    background:#0f172a;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #1e293b;
    transition:0.25s;
}

.cs16-card:hover{
    transform:translateY(-4px);
    border-color:#3b82f6;
}

.cs16-card img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    display:block;
}

.cs16-map-name{
    color:white;
    padding:14px;
    text-align:center;
    font-family:monospace;
    font-size:15px;
    word-break:break-word;
}

@media(max-width:768px){

    .cs16-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:500px){

    .cs16-grid{
        grid-template-columns:1fr;
    }
}